#609CE1

#609CE1

Color Values

HEX

#609CE1

RGB

96, 156, 225

HSL

212.1, 68.3%, 62.9%

HSV

212.1, 57.3%, 88.2%

CMYK

57.3%, 30.7%, 0.0%, 11.8%

OKLCH

0.6813 0.1204 253.0

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#609CE1

#E1A560

Analogous

#60DCE1

#6460E1

#609CE1

Triadic

#609CE1

#E1609C

#9CE160

Split Complementary

#609CE1

#E16460

#DCE160

Tetradic

#609CE1

#E160DC

#E1A560

#60E164

Color Blindness Simulation

Original

#609CE1

Protanopia

#7A7BD0

Deuteranopia

#7672CC

Tritanopia

#63C3C0

Achromatopsia

#949494

CSS Usage

background-color: #609CE1;
color: #609CE1;
border-color: #609CE1;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E3ECF8
200
#C3DAF4
300
#98BFEC
400
#609CE1
500
#2879D7
600
#2061AC
700
#1A4E89
800
#143D6B
900
#132E4E
950
#0C1D31

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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