Hex Color #8CCDB4 - Custom Color

Color Codes

HEX

#8CCDB4

RGB

rgb(140, 205, 180)

HSL

hsl(157, 39%, 68%)

CMYK

cmyk(32%, 0%, 12%, 20%)

HSV

hsv(157, 32%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#8ECD95 #8ECDB5 #8EC6CD

Triadic

#8ECDB5 #B58ECD #CDB58E

Split Complementary

#8ECDB5 #CD8EC6 #CD958E

Tetradic (Square)

#8ECDB5 #958ECD #CD8EA6 #C6CD8E

Complementary

#8CCDB4 #CD8EA6

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.83:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.51: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: #8CCDB4;

color: #8CCDB4;

border-color: #8CCDB4;

}

Tailwind CSS (with arbitrary values)

bg-[#8CCDB4]

text-[#8CCDB4]

border-[#8CCDB4]

// Example usage: