Hex Color #91DEC2 - Custom Color

Color Codes

HEX

#91DEC2

RGB

rgb(145, 222, 194)

HSL

hsl(158, 54%, 72%)

CMYK

cmyk(35%, 0%, 13%, 13%)

HSV

hsv(158, 35%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#91DE9B #91DEC2 #91D4DE

Triadic

#91DEC2 #C291DE #DEC291

Split Complementary

#91DEC2 #DE91D4 #DE9B91

Tetradic (Square)

#91DEC2 #9B91DE #DE91AD #D4DE91

Complementary

#91DEC2 #DE91AD

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.43: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: #91DEC2;

color: #91DEC2;

border-color: #91DEC2;

}

Tailwind CSS (with arbitrary values)

bg-[#91DEC2]

text-[#91DEC2]

border-[#91DEC2]

// Example usage: