#2FA2D0

#2FA2D0

Color Values

HEX

#2FA2D0

RGB

47, 162, 208

HSL

197.1, 63.1%, 50.0%

HSV

197.1, 77.4%, 81.6%

CMYK

77.4%, 22.1%, 0.0%, 18.4%

OKLCH

0.6698 0.1193 229.9

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#2FA2D0

#D05D2F

Analogous

#2FD0AD

#2F52D0

#2FA2D0

Triadic

#2FA2D0

#D02FA2

#A2D02F

Split Complementary

#2FA2D0

#D02F52

#D0AD2F

Tetradic

#2FA2D0

#AD2FD0

#D05D2F

#52D02F

Color Blindness Simulation

Original

#2FA2D0

Protanopia

#6162C5

Deuteranopia

#5A52C2

Tritanopia

#35BCBA

Achromatopsia

#8D8D8D

CSS Usage

background-color: #2FA2D0;
color: #2FA2D0;
border-color: #2FA2D0;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3F9FB
100
#E4F1F7
200
#C5E5F2
300
#9BD2E8
400
#65BADC
500
#2FA2D0
600
#2682A6
700
#1E6885
800
#185168
900
#153C4C
950
#0D2630

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.2:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026