Hex Color #92CABB - Custom Color

Color Codes

HEX

#92CABB

RGB

rgb(146, 202, 187)

HSL

hsl(164, 35%, 68%)

CMYK

cmyk(28%, 0%, 7%, 21%)

HSV

hsv(164, 28%, 79%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#91CA9E #91CABB #91BDCA

Triadic

#91CABB #BB91CA #CABB91

Split Complementary

#91CABB #CA91BD #CA9E91

Tetradic (Square)

#91CABB #9E91CA #CA91A0 #BDCA91

Complementary

#92CABB #CA91A0

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.84:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.39: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: #92CABB;

color: #92CABB;

border-color: #92CABB;

}

Tailwind CSS (with arbitrary values)

bg-[#92CABB]

text-[#92CABB]

border-[#92CABB]

// Example usage: