#5FAFE2

#5FAFE2

Color Values

HEX

#5FAFE2

RGB

95, 175, 226

HSL

203.4, 69.3%, 62.9%

HSV

203.4, 58.0%, 88.6%

CMYK

58.0%, 22.6%, 0.0%, 11.4%

OKLCH

0.7236 0.1083 238.7

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#5FAFE2

#E2925F

Analogous

#5FE2D4

#5F6DE2

#5FAFE2

Triadic

#5FAFE2

#E25FAF

#AFE25F

Split Complementary

#5FAFE2

#E25F6D

#E2D45F

Tetradic

#5FAFE2

#D45FE2

#E2925F

#6DE25F

Color Blindness Simulation

Original

#5FAFE2

Protanopia

#8282D6

Deuteranopia

#7D77D3

Tritanopia

#63CCCA

Achromatopsia

#A2A2A2

CSS Usage

background-color: #5FAFE2;
color: #5FAFE2;
border-color: #5FAFE2;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F3F8FC
100
#E3EFF8
200
#C3E1F4
300
#97CBEC
400
#5FAFE2
500
#2793D8
600
#1F76AD
700
#195E8A
800
#14496C
900
#12374F
950
#0C2332

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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