Hex Color #ADD293 - Custom Color

Color Codes

HEX

#ADD293

RGB

rgb(173, 210, 147)

HSL

hsl(95, 41%, 70%)

CMYK

cmyk(18%, 0%, 30%, 18%)

HSV

hsv(95, 30%, 82%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CDD293 #ADD293 #93D298

Triadic

#ADD293 #93ADD2 #D293AD

Split Complementary

#ADD293 #9893D2 #D293CD

Tetradic (Square)

#ADD293 #93CDD2 #B893D2 #D29893

Complementary

#ADD293 #B893D2

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.69:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.42: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: #ADD293;

color: #ADD293;

border-color: #ADD293;

}

Tailwind CSS (with arbitrary values)

bg-[#ADD293]

text-[#ADD293]

border-[#ADD293]

// Example usage: