#606FE1

#606FE1

Color Values

HEX

#606FE1

RGB

96, 111, 225

HSL

233.0, 68.3%, 62.9%

HSV

233.0, 57.3%, 88.2%

CMYK

57.3%, 50.7%, 0.0%, 11.8%

OKLCH

0.5884 0.1722 274.2

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#606FE1

#E1D260

Analogous

#60AFE1

#9160E1

#606FE1

Triadic

#606FE1

#E1606F

#6FE160

Split Complementary

#606FE1

#E19160

#AFE160

Tetradic

#606FE1

#E160AF

#E1D260

#60E191

Color Blindness Simulation

Original

#606FE1

Protanopia

#6667C5

Deuteranopia

#6664BF

Tritanopia

#61B0AB

Achromatopsia

#747474

CSS Usage

background-color: #606FE1;
color: #606FE1;
border-color: #606FE1;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F4FC
100
#E3E5F8
200
#C3C9F4
300
#98A2EC
400
#606FE1
500
#283DD7
600
#2031AC
700
#1A2789
800
#141E6B
900
#131A4E
950
#0C1031

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.86:1

AA Pass AAA Fail

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