Hex Color #28FCD7 - Custom Color

Color Codes

HEX

#28FCD7

RGB

rgb(40, 252, 215)

HSL

hsl(170, 97%, 57%)

CMYK

cmyk(84%, 0%, 15%, 1%)

HSV

hsv(170, 84%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#27FC6E #27FCD8 #27B5FC

Triadic

#27FCD8 #D827FC #FCD827

Split Complementary

#27FCD8 #FC27B5 #FC6E27

Tetradic (Square)

#27FCD8 #6E27FC #FC274A #B5FC27

Complementary

#28FCD7 #FC274A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.31:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.00: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: #28FCD7;

color: #28FCD7;

border-color: #28FCD7;

}

Tailwind CSS (with arbitrary values)

bg-[#28FCD7]

text-[#28FCD7]

border-[#28FCD7]

// Example usage: