#5FA0C4

#5FA0C4

Color Values

HEX

#5FA0C4

RGB

95, 160, 196

HSL

201.4, 46.1%, 57.1%

HSV

201.4, 51.5%, 76.9%

CMYK

51.5%, 18.4%, 0.0%, 23.1%

OKLCH

0.6763 0.0853 234.2

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#5FA0C4

#C4835F

Analogous

#5FC4B6

#5F6EC4

#5FA0C4

Triadic

#5FA0C4

#C45FA0

#A0C45F

Split Complementary

#5FA0C4

#C45F6E

#C4B65F

Tetradic

#5FA0C4

#B65FC4

#C4835F

#6EC45F

Color Blindness Simulation

Original

#5FA0C4

Protanopia

#7B7CBB

Deuteranopia

#7772B9

Tritanopia

#62B4B3

Achromatopsia

#959595

CSS Usage

background-color: #5FA0C4;
color: #5FA0C4;
border-color: #5FA0C4;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CBE0EC
300
#A6CADE
400
#75ADCC
500
#4590BA
600
#377395
700
#2C5C77
800
#22485D
900
#1C3645
950
#12222B

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.31:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026