Hex Color #C0E082 - Custom Color

Color Codes

HEX

#C0E082

RGB

rgb(192, 224, 130)

HSL

hsl(80, 60%, 69%)

CMYK

cmyk(14%, 0%, 42%, 12%)

HSV

hsv(80, 42%, 88%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DFD081 #C0DF81 #90DF81

Triadic

#C0DF81 #81C0DF #DF81C0

Split Complementary

#C0DF81 #8190DF #D081DF

Tetradic (Square)

#C0DF81 #81DFD0 #A081DF #DF8190

Complementary

#C0E082 #A081DF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.48:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.23: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: #C0E082;

color: #C0E082;

border-color: #C0E082;

}

Tailwind CSS (with arbitrary values)

bg-[#C0E082]

text-[#C0E082]

border-[#C0E082]

// Example usage: