#2FCDC9

#2FCDC9

Color Values

HEX

#2FCDC9

RGB

47, 205, 201

HSL

178,5, 62,7%, 49,4%

HSV

178,5, 77,1%, 80,4%

CMYK

77,1%, 0,0%, 2,0%, 19,6%

OKLCH

0,7709 0,1235 192,3

Properties

Cool Light Nearest: Robin Egg Blue

Color Harmonies

Complementary

#2FCDC9

#CD2F33

Analogous

#2FCD7A

#2F82CD

#2FCDC9

Triadic

#2FCDC9

#C92FCD

#CDC92F

Split Complementary

#2FCDC9

#CD2F82

#CD7A2F

Tetradic

#2FCDC9

#7A2FCD

#CD2F33

#82CD2F

Color Blindness Simulation

Original

#2FCDC9

Protanopia

#7375CA

Deuteranopia

#6A5ECA

Tritanopia

#37CBCB

Achromatopsia

#ABABAB

CSS Usage

background-color: #2FCDC9;
color: #2FCDC9;
border-color: #2FCDC9;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F3FBFB
100
#E4F7F6
200
#C5F2F1
300
#9BE8E6
400
#65DCD9
500
#30CFCB
600
#26A6A3
700
#1E8582
800
#186866
900
#154C4A
950
#0D302F

Contrast Checker

Text on white

1,96:1

AA Fail AAA Fail

Text on black

10,7:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026