Hex Color #ADC47F - Custom Color

Color Codes

HEX

#ADC47F

RGB

rgb(173, 196, 127)

HSL

hsl(80, 37%, 63%)

CMYK

cmyk(12%, 0%, 35%, 23%)

HSV

hsv(80, 35%, 77%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C4B87E #ACC47E #89C47E

Triadic

#ACC47E #7EACC4 #C47EAC

Split Complementary

#ACC47E #7E89C4 #B87EC4

Tetradic (Square)

#ACC47E #7EC4B8 #957EC4 #C47E89

Complementary

#ADC47F #957EC4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.91:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.98:1

Pass - WCAG AA (Normal Text)

Pass - 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: #ADC47F;

color: #ADC47F;

border-color: #ADC47F;

}

Tailwind CSS (with arbitrary values)

bg-[#ADC47F]

text-[#ADC47F]

border-[#ADC47F]

// Example usage: