#5597FE

#5597FE

Color Values

HEX

#5597FE

RGB

85, 151, 254

HSL

216.6, 98.8%, 66.5%

HSV

216.6, 66.5%, 99.6%

CMYK

66.5%, 40.6%, 0.0%, 0.4%

OKLCH

0.6816 0.1669 259.0

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#5597FE

#FEBC55

Analogous

#55EBFE

#6855FE

#5597FE

Triadic

#5597FE

#FE5597

#97FE55

Split Complementary

#5597FE

#FE6855

#EBFE55

Tetradic

#5597FE

#FE55EB

#FEBC55

#55FE68

Color Blindness Simulation

Original

#5597FE

Protanopia

#7272E5

Deuteranopia

#6E69DF

Tritanopia

#58D1CD

Achromatopsia

#909090

CSS Usage

background-color: #5597FE;
color: #5597FE;
border-color: #5597FE;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B8D4FF
300
#85B4FE
400
#438CFE
500
#0264FD
600
#0150CB
700
#0140A2
800
#01327F
900
#05275C
950
#03193A

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

7.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026