Hex Color #12FBBF - Custom Color

Color Codes

HEX

#12FBBF

RGB

rgb(18, 251, 191)

HSL

hsl(165, 97%, 53%)

CMYK

cmyk(93%, 0%, 24%, 2%)

HSV

hsv(165, 93%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#13FB4D #13FBC1 #13C1FB

Triadic

#13FBC1 #C113FB #FBC113

Split Complementary

#13FBC1 #FB13C1 #FB4D13

Tetradic (Square)

#13FBC1 #4D13FB #FB134D #C1FB13

Complementary

#12FBBF #FB134D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.35:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.58: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: #12FBBF;

color: #12FBBF;

border-color: #12FBBF;

}

Tailwind CSS (with arbitrary values)

bg-[#12FBBF]

text-[#12FBBF]

border-[#12FBBF]

// Example usage: