Hex Color #27FCAF - Custom Color

Color Codes

HEX

#27FCAF

RGB

rgb(39, 252, 175)

HSL

hsl(158, 97%, 57%)

CMYK

cmyk(85%, 0%, 31%, 1%)

HSV

hsv(158, 85%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#27FC43 #27FCAE #27DFFC

Triadic

#27FCAE #AE27FC #FCAE27

Split Complementary

#27FCAE #FC27DF #FC4327

Tetradic (Square)

#27FCAE #4327FC #FC2775 #DFFC27

Complementary

#27FCAF #FC2775

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.34:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.63: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: #27FCAF;

color: #27FCAF;

border-color: #27FCAF;

}

Tailwind CSS (with arbitrary values)

bg-[#27FCAF]

text-[#27FCAF]

border-[#27FCAF]

// Example usage: