#6975EE

#6975EE

Color Values

HEX

#6975EE

RGB

105, 117, 238

HSL

234.6, 79.6%, 67.3%

HSV

234.6, 55.9%, 93.3%

CMYK

55.9%, 50.8%, 0.0%, 6.7%

OKLCH

0.6143 0.1799 275.5

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#6975EE

#EEE269

Analogous

#69B8EE

#A069EE

#6975EE

Triadic

#6975EE

#EE6975

#75EE69

Split Complementary

#6975EE

#EEA069

#B8EE69

Tetradic

#6975EE

#EE69B8

#EEE269

#69EEA0

Color Blindness Simulation

Original

#6975EE

Protanopia

#6E6ED1

Deuteranopia

#6E6DCA

Tritanopia

#6ABAB5

Achromatopsia

#7B7B7B

CSS Usage

background-color: #6975EE;
color: #6975EE;
border-color: #6975EE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FD
100
#E1E3F9
200
#BFC4F8
300
#919AF3
400
#5663EC
500
#1A2CE5
600
#1523B7
700
#111C93
800
#0D1672
900
#0E1453
950
#090D35

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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