#607AE1

#607AE1

Color Values

HEX

#607AE1

RGB

96, 122, 225

HSL

227.9, 68.3%, 62.9%

HSV

227.9, 57.3%, 88.2%

CMYK

57.3%, 45.8%, 0.0%, 11.8%

OKLCH

0.6099 0.1582 270.5

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#607AE1

#E1C760

Analogous

#60BAE1

#8660E1

#607AE1

Triadic

#607AE1

#E1607A

#7AE160

Split Complementary

#607AE1

#E18660

#BAE160

Tetradic

#607AE1

#E160BA

#E1C760

#60E186

Color Blindness Simulation

Original

#607AE1

Protanopia

#6B6BC8

Deuteranopia

#6A68C2

Tritanopia

#61B4B0

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E7F8
200
#C3CDF4
300
#98A9EC
400
#607AE1
500
#284CD7
600
#203CAC
700
#1A3089
800
#14266B
900
#131F4E
950
#0C1331

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

5.37:1

AA Pass AAA Fail

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