#5FC2E2

#5FC2E2

Color Values

HEX

#5FC2E2

RGB

95, 194, 226

HSL

194.7, 69.3%, 62.9%

HSV

194.7, 58.0%, 88.6%

CMYK

58.0%, 14.2%, 0.0%, 11.4%

OKLCH

0.7668 0.1029 221.8

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#5FC2E2

#E27F5F

Analogous

#5FE2C1

#5F80E2

#5FC2E2

Triadic

#5FC2E2

#E25FC2

#C2E25F

Split Complementary

#5FC2E2

#E25F80

#E2C15F

Tetradic

#5FC2E2

#C15FE2

#E27F5F

#80E25F

Color Blindness Simulation

Original

#5FC2E2

Protanopia

#8A8BDA

Deuteranopia

#847DD8

Tritanopia

#64D4D3

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E3F3F8
200
#C3E8F4
300
#97D7EC
400
#5FC2E2
500
#27ADD8
600
#1F8AAD
700
#196E8A
800
#14566C
900
#12404F
950
#0C2832

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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