#2FEDF1

#2FEDF1

Color Values

HEX

#2FEDF1

RGB

47, 237, 241

HSL

181.2, 87.4%, 56.5%

HSV

181.2, 80.5%, 94.5%

CMYK

80.5%, 1.7%, 0.0%, 5.5%

OKLCH

0.8613 0.1396 197.2

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#2FEDF1

#F1332F

Analogous

#2FF194

#2F8CF1

#2FEDF1

Triadic

#2FEDF1

#F12FED

#EDF12F

Split Complementary

#2FEDF1

#F12F8C

#F1942F

Tetradic

#2FEDF1

#942FF1

#F1332F

#8CF12F

Color Blindness Simulation

Original

#2FEDF1

Protanopia

#8183F0

Deuteranopia

#7668F0

Tritanopia

#38EFEF

Achromatopsia

#C5C5C5

CSS Usage

background-color: #2FEDF1;
color: #2FEDF1;
border-color: #2FEDF1;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BCF9FB
300
#8CF5F7
400
#4EF0F3
500
#10EAEF
600
#0DBCBF
700
#0A9699
800
#087577
900
#0A5557
950
#073637

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.5: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