Hex Color #ADC39F - Custom Color

Color Codes

HEX

#ADC39F

RGB

rgb(173, 195, 159)

HSL

hsl(97, 23%, 69%)

CMYK

cmyk(11%, 0%, 18%, 24%)

HSV

hsv(97, 18%, 76%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BEC29E #ACC29E #9EC2A2

Triadic

#ACC29E #9EACC2 #C29EAC

Split Complementary

#ACC29E #A29EC2 #C29EBE

Tetradic (Square)

#ACC29E #9EBEC2 #B49EC2 #C2A29E

Complementary

#ADC39F #B49EC2

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.89:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.08:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #ADC39F;

color: #ADC39F;

border-color: #ADC39F;

}

Tailwind CSS (with arbitrary values)

bg-[#ADC39F]

text-[#ADC39F]

border-[#ADC39F]

// Example usage: