#607AE2

#607AE2

Color Values

HEX

#607AE2

RGB

96, 122, 226

HSL

228.0, 69.1%, 63.1%

HSV

228.0, 57.5%, 88.6%

CMYK

57.5%, 46.0%, 0.0%, 11.4%

OKLCH

0.6105 0.1596 270.5

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#607AE2

#E2C860

Analogous

#60BBE2

#8760E2

#607AE2

Triadic

#607AE2

#E2607A

#7AE260

Split Complementary

#607AE2

#E28760

#BBE260

Tetradic

#607AE2

#E260BB

#E2C860

#60E287

Color Blindness Simulation

Original

#607AE2

Protanopia

#6B6BC9

Deuteranopia

#6A68C3

Tritanopia

#61B5B1

Achromatopsia

#7C7C7C

CSS Usage

background-color: #607AE2;
color: #607AE2;
border-color: #607AE2;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F5FC
100
#E3E7F8
200
#C3CCF4
300
#98A8EC
400
#5F7AE2
500
#274BD8
600
#203CAC
700
#19308A
800
#14256C
900
#121E4F
950
#0C1332

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.38:1

AA Pass AAA Fail

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