#609AE2

#609AE2

Color Values

HEX

#609AE2

RGB

96, 154, 226

HSL

213.2, 69.1%, 63.1%

HSV

213.2, 57.5%, 88.6%

CMYK

57.5%, 31.9%, 0.0%, 11.4%

OKLCH

0.6775 0.1235 254.6

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#609AE2

#E2A860

Analogous

#60DBE2

#6760E2

#609AE2

Triadic

#609AE2

#E2609A

#9AE260

Split Complementary

#609AE2

#E26760

#DBE260

Tetradic

#609AE2

#E260DB

#E2A860

#60E267

Color Blindness Simulation

Original

#609AE2

Protanopia

#797AD1

Deuteranopia

#7671CC

Tritanopia

#63C3C0

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF8
200
#C3D9F4
300
#98BDEC
400
#5F9AE2
500
#2776D8
600
#205EAC
700
#194C8A
800
#143B6C
900
#122D4F
950
#0C1D32

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

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