Hex Color #97D7B8 - Custom Color

Color Codes

HEX

#97D7B8

RGB

rgb(151, 215, 184)

HSL

hsl(151, 44%, 72%)

CMYK

cmyk(30%, 0%, 14%, 16%)

HSV

hsv(151, 30%, 84%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#98D799 #98D7B9 #98D6D7

Triadic

#98D7B9 #B998D7 #D7B998

Split Complementary

#98D7B9 #D798D6 #D79998

Tetradic (Square)

#98D7B9 #9998D7 #D798B7 #D6D798

Complementary

#97D7B8 #D798B7

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.65:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.73: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: #97D7B8;

color: #97D7B8;

border-color: #97D7B8;

}

Tailwind CSS (with arbitrary values)

bg-[#97D7B8]

text-[#97D7B8]

border-[#97D7B8]

// Example usage: