Hex Color #97FBB7 - Custom Color

Color Codes

HEX

#97FBB7

RGB

rgb(151, 251, 183)

HSL

hsl(139, 93%, 79%)

CMYK

cmyk(40%, 0%, 27%, 2%)

HSV

hsv(139, 40%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#AAFB98 #98FBB7 #98FBE9

Triadic

#98FBB7 #B798FB #FBB798

Split Complementary

#98FBB7 #E998FB #FB98AA

Tetradic (Square)

#98FBB7 #98AAFB #FB98DC #FBE998

Complementary

#97FBB7 #FB98DC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.25:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.80: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: #97FBB7;

color: #97FBB7;

border-color: #97FBB7;

}

Tailwind CSS (with arbitrary values)

bg-[#97FBB7]

text-[#97FBB7]

border-[#97FBB7]

// Example usage: