Hex Color #ADDBAB - Custom Color

Color Codes

HEX

#ADDBAB

RGB

rgb(173, 219, 171)

HSL

hsl(117, 40%, 76%)

CMYK

cmyk(21%, 0%, 22%, 14%)

HSV

hsv(117, 22%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C4DAA9 #ACDAA9 #A9DABF

Triadic

#ACDAA9 #A9ACDA #DAA9AC

Split Complementary

#ACDAA9 #BFA9DA #DAA9C4

Tetradic (Square)

#ACDAA9 #A9C4DA #D8A9DA #DABFA9

Complementary

#ADDBAB #D8A9DA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.56:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.50: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: #ADDBAB;

color: #ADDBAB;

border-color: #ADDBAB;

}

Tailwind CSS (with arbitrary values)

bg-[#ADDBAB]

text-[#ADDBAB]

border-[#ADDBAB]

// Example usage: