Hex Color #CCEABC - Custom Color

Color Codes

HEX

#CCEABC

RGB

rgb(204, 234, 188)

HSL

hsl(99, 52%, 83%)

CMYK

cmyk(13%, 0%, 20%, 8%)

HSV

hsv(99, 20%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E3EABD #CDEABD #BDEAC4

Triadic

#CDEABD #BDCDEA #EABDCD

Split Complementary

#CDEABD #C4BDEA #EABDE3

Tetradic (Square)

#CDEABD #BDE3EA #DABDEA #EAC4BD

Complementary

#CCEABC #DABDEA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.31:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.06: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: #CCEABC;

color: #CCEABC;

border-color: #CCEABC;

}

Tailwind CSS (with arbitrary values)

bg-[#CCEABC]

text-[#CCEABC]

border-[#CCEABC]

// Example usage: