#6769EE

#6769EE

Color Values

HEX

#6769EE

RGB

103, 105, 238

HSL

239.1, 79.9%, 66.9%

HSV

239.1, 56.7%, 93.3%

CMYK

56.7%, 55.9%, 0.0%, 6.7%

OKLCH

0.5911 0.1956 277.9

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#6769EE

#EEEC67

Analogous

#67ADEE

#A967EE

#6769EE

Triadic

#6769EE

#EE6769

#69EE67

Split Complementary

#6769EE

#EEA967

#ADEE67

Tetradic

#6769EE

#EE67AD

#EEEC67

#67EEA9

Color Blindness Simulation

Original

#6769EE

Protanopia

#6868CE

Deuteranopia

#6868C6

Tritanopia

#67B4AF

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E1F9
200
#BFC0F8
300
#9192F3
400
#5558EC
500
#1A1DE5
600
#1517B7
700
#101293
800
#0D0E73
900
#0E0F53
950
#090935

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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