#2FC4D0

#2FC4D0

Color Values

HEX

#2FC4D0

RGB

47, 196, 208

HSL

184.5, 63.1%, 50.0%

HSV

184.5, 77.4%, 81.6%

CMYK

77.4%, 5.8%, 0.0%, 18.4%

OKLCH

0.7515 0.1188 203.3

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#2FC4D0

#D03B2F

Analogous

#2FD08C

#2F73D0

#2FC4D0

Triadic

#2FC4D0

#D02FC4

#C4D02F

Split Complementary

#2FC4D0

#D02F73

#D08C2F

Tetradic

#2FC4D0

#8C2FD0

#D03B2F

#73D02F

Color Blindness Simulation

Original

#2FC4D0

Protanopia

#7071CD

Deuteranopia

#675CCC

Tritanopia

#36CBCA

Achromatopsia

#A5A5A5

CSS Usage

background-color: #2FC4D0;
color: #2FC4D0;
border-color: #2FC4D0;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFB
100
#E4F5F7
200
#C5EEF2
300
#9BE3E8
400
#65D3DC
500
#2FC4D0
600
#269DA6
700
#1E7D85
800
#186268
900
#15484C
950
#0D2D30

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.93:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026