Hex Color #72FBB5 - Custom Color

Color Codes

HEX

#72FBB5

RGB

rgb(114, 251, 181)

HSL

hsl(149, 94%, 72%)

CMYK

cmyk(55%, 0%, 28%, 2%)

HSV

hsv(149, 55%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#77FB74 #74FBB5 #74FBF8

Triadic

#74FBB5 #B574FB #FBB574

Split Complementary

#74FBB5 #F874FB #FB7477

Tetradic (Square)

#74FBB5 #7477FB #FB74BA #FBF874

Complementary

#72FBB5 #FB74BA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.30:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.18: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: #72FBB5;

color: #72FBB5;

border-color: #72FBB5;

}

Tailwind CSS (with arbitrary values)

bg-[#72FBB5]

text-[#72FBB5]

border-[#72FBB5]

// Example usage: