#6974EE

#6974EE

Color Values

HEX

#6974EE

RGB

105, 116, 238

HSL

235.0, 79.6%, 67.3%

HSV

235.0, 55.9%, 93.3%

CMYK

55.9%, 51.3%, 0.0%, 6.7%

OKLCH

0.6124 0.1812 275.8

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#6974EE

#EEE369

Analogous

#69B7EE

#A169EE

#6974EE

Triadic

#6974EE

#EE6974

#74EE69

Split Complementary

#6974EE

#EEA169

#B7EE69

Tetradic

#6974EE

#EE69B7

#EEE369

#69EEA1

Color Blindness Simulation

Original

#6974EE

Protanopia

#6E6ED1

Deuteranopia

#6D6CC9

Tritanopia

#6AB9B4

Achromatopsia

#7A7A7A

CSS Usage

background-color: #6974EE;
color: #6974EE;
border-color: #6974EE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FD
100
#E1E3F9
200
#BFC4F8
300
#9199F3
400
#5662EC
500
#1A2BE5
600
#1522B7
700
#111B93
800
#0D1572
900
#0E1453
950
#090C35

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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