#5F98DF

#5F98DF

Color Values

HEX

#5F98DF

RGB

95, 152, 223

HSL

213,3, 66,7%, 62,4%

HSV

213,3, 57,4%, 87,5%

CMYK

57,4%, 31,8%, 0,0%, 12,5%

OKLCH

0,6711 0,122 254,7

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#5F98DF

#DFA65F

Analogous

#5FD8DF

#665FDF

#5F98DF

Triadic

#5F98DF

#DF5F98

#98DF5F

Split Complementary

#5F98DF

#DF665F

#D8DF5F

Tetradic

#5F98DF

#DF5FD8

#DFA65F

#5FDF66

Color Blindness Simulation

Original

#5F98DF

Protanopia

#7878CE

Deuteranopia

#7470CA

Tritanopia

#62C0BD

Achromatopsia

#919191

CSS Usage

background-color: #5F98DF;
color: #5F98DF;
border-color: #5F98DF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C3D9F3
300
#99BDEB
400
#629AE0
500
#2A76D5
600
#225FAA
700
#1B4C88
800
#153B6A
900
#132D4E
950
#0C1D31

Contrast Checker

Text on white

2,98:1

AA Fail AAA Fail

Text on black

7,04: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