#47ECF2

#47ECF2

Color Values

HEX

#47ECF2

RGB

71, 236, 242

HSL

182.1, 86.8%, 61.4%

HSV

182.1, 70.7%, 94.9%

CMYK

70.7%, 2.5%, 0.0%, 5.1%

OKLCH

0.8634 0.1315 198.6

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#47ECF2

#F24D47

Analogous

#47F2A3

#4797F2

#47ECF2

Triadic

#47ECF2

#F247EC

#ECF247

Split Complementary

#47ECF2

#F24797

#F2A347

Tetradic

#47ECF2

#A347F2

#F24D47

#97F247

Color Blindness Simulation

Original

#47ECF2

Protanopia

#8E90F1

Deuteranopia

#8578F0

Tritanopia

#4FEFEF

Achromatopsia

#C9C9C9

CSS Usage

background-color: #47ECF2;
color: #47ECF2;
border-color: #47ECF2;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FDFD
100
#E0F9FA
200
#BCF8FA
300
#8DF3F7
400
#4FEDF3
500
#11E6EE
600
#0DB8BF
700
#0B9398
800
#087377
900
#0B5456
950
#073537

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026