Hex Color #97FDDF - Custom Color

Color Codes

HEX

#97FDDF

RGB

rgb(151, 253, 223)

HSL

hsl(162, 96%, 79%)

CMYK

cmyk(40%, 0%, 12%, 1%)

HSV

hsv(162, 40%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#96FDAB #96FDDE #96E8FD

Triadic

#96FDDE #DE96FD #FDDE96

Split Complementary

#96FDDE #FD96E8 #FDAB96

Tetradic (Square)

#96FDDE #AB96FD #FD96B5 #E8FD96

Complementary

#97FDDF #FD96B5

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.20:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.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: #97FDDF;

color: #97FDDF;

border-color: #97FDDF;

}

Tailwind CSS (with arbitrary values)

bg-[#97FDDF]

text-[#97FDDF]

border-[#97FDDF]

// Example usage: