Hex Color #47F8D2 - Custom Color

Color Codes

HEX

#47F8D2

RGB

rgb(71, 248, 210)

HSL

hsl(167, 93%, 63%)

CMYK

cmyk(71%, 0%, 15%, 3%)

HSV

hsv(167, 71%, 97%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#49F87B #49F8D2 #49C7F8

Triadic

#49F8D2 #D249F8 #F8D249

Split Complementary

#49F8D2 #F849C7 #F87B49

Tetradic (Square)

#49F8D2 #7B49F8 #F8496F #C7F849

Complementary

#47F8D2 #F8496F

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: #47F8D2;

color: #47F8D2;

border-color: #47F8D2;

}

Tailwind CSS (with arbitrary values)

bg-[#47F8D2]

text-[#47F8D2]

border-[#47F8D2]

// Example usage: