#5FC0E2

#5FC0E2

Color Values

HEX

#5FC0E2

RGB

95, 192, 226

HSL

195.6, 69.3%, 62.9%

HSV

195.6, 58.0%, 88.6%

CMYK

58.0%, 15.0%, 0.0%, 11.4%

OKLCH

0.7622 0.1031 223.7

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#5FC0E2

#E2815F

Analogous

#5FE2C2

#5F7EE2

#5FC0E2

Triadic

#5FC0E2

#E25FC0

#C0E25F

Split Complementary

#5FC0E2

#E25F7E

#E2C25F

Tetradic

#5FC0E2

#C25FE2

#E2815F

#7EE25F

Color Blindness Simulation

Original

#5FC0E2

Protanopia

#898ADA

Deuteranopia

#837CD8

Tritanopia

#64D3D2

Achromatopsia

#AEAEAE

CSS Usage

background-color: #5FC0E2;
color: #5FC0E2;
border-color: #5FC0E2;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3FAFC
100
#E3F2F8
200
#C3E7F4
300
#97D6EC
400
#5FC0E2
500
#27AAD8
600
#1F88AD
700
#196D8A
800
#14556C
900
#123F4F
950
#0C2832

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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