#5FACE9

#5FACE9

Color Values

HEX

#5FACE9

RGB

95, 172, 233

HSL

206.5, 75.8%, 64.3%

HSV

206.5, 59.2%, 91.4%

CMYK

59.2%, 26.2%, 0.0%, 8.6%

OKLCH

0.7201 0.1176 244.4

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#5FACE9

#E99C5F

Analogous

#5FE9E1

#5F67E9

#5FACE9

Triadic

#5FACE9

#E95FAC

#ACE95F

Split Complementary

#5FACE9

#E95F67

#E9E15F

Tetradic

#5FACE9

#E15FE9

#E99C5F

#67E95F

Color Blindness Simulation

Original

#5FACE9

Protanopia

#8081DA

Deuteranopia

#7C76D7

Tritanopia

#63CFCC

Achromatopsia

#A0A0A0

CSS Usage

background-color: #5FACE9;
color: #5FACE9;
border-color: #5FACE9;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2F8FC
100
#E2EEF9
200
#C0DEF6
300
#93C7F0
400
#59A9E8
500
#1F8BE0
600
#196FB3
700
#14598F
800
#0F4570
900
#0F3452
950
#0A2133

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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