Hex Color #97CBAA - Custom Color

Color Codes

HEX

#97CBAA

RGB

rgb(151, 203, 170)

HSL

hsl(142, 33%, 69%)

CMYK

cmyk(26%, 0%, 16%, 20%)

HSV

hsv(142, 26%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9DCA96 #96CAA9 #96CAC3

Triadic

#96CAA9 #A996CA #CAA996

Split Complementary

#96CAA9 #C396CA #CA969D

Tetradic (Square)

#96CAA9 #969DCA #CA96B7 #CAC396

Complementary

#97CBAA #CA96B7

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.44: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: #97CBAA;

color: #97CBAA;

border-color: #97CBAA;

}

Tailwind CSS (with arbitrary values)

bg-[#97CBAA]

text-[#97CBAA]

border-[#97CBAA]

// Example usage: