#5FBCE2

#5FBCE2

Color Values

HEX

#5FBCE2

RGB

95, 188, 226

HSL

197.4, 69.3%, 62.9%

HSV

197.4, 58.0%, 88.6%

CMYK

58.0%, 16.8%, 0.0%, 11.4%

OKLCH

0.753 0.1036 227.3

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#5FBCE2

#E2855F

Analogous

#5FE2C6

#5F7AE2

#5FBCE2

Triadic

#5FBCE2

#E25FBC

#BCE25F

Split Complementary

#5FBCE2

#E25F7A

#E2C65F

Tetradic

#5FBCE2

#C65FE2

#E2855F

#7AE25F

Color Blindness Simulation

Original

#5FBCE2

Protanopia

#8788D9

Deuteranopia

#827BD7

Tritanopia

#64D2D0

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E3F2F8
200
#C3E6F4
300
#97D4EC
400
#5FBCE2
500
#27A5D8
600
#1F84AD
700
#19698A
800
#14526C
900
#123D4F
950
#0C2732

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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