Hex Color #506424 - Custom Color

Color Codes

HEX

#506424

RGB

rgb(80, 100, 36)

HSL

hsl(79, 47%, 27%)

CMYK

cmyk(20%, 0%, 64%, 61%)

HSV

hsv(79, 64%, 39%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#655924 #516524 #306524

Triadic

#516524 #245165 #652451

Split Complementary

#516524 #243065 #592465

Tetradic (Square)

#516524 #246559 #392465 #652430

Complementary

#506424 #392465

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.58:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.19:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #506424;

color: #506424;

border-color: #506424;

}

Tailwind CSS (with arbitrary values)

bg-[#506424]

text-[#506424]

border-[#506424]

// Example usage: