#6769EB

#6769EB

Color Values

HEX

#6769EB

RGB

103, 105, 235

HSL

239.1, 76.7%, 66.3%

HSV

239.1, 56.2%, 92.2%

CMYK

56.2%, 55.3%, 0.0%, 7.8%

OKLCH

0.589 0.1916 278.1

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#6769EB

#EBE967

Analogous

#67ABEB

#A767EB

#6769EB

Triadic

#6769EB

#EB6769

#69EB67

Split Complementary

#6769EB

#EBA767

#ABEB67

Tetradic

#6769EB

#EB67AB

#EBE967

#67EBA7

Color Blindness Simulation

Original

#6769EB

Protanopia

#6868CC

Deuteranopia

#6868C4

Tritanopia

#67B3AD

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C0C1F7
300
#9394F1
400
#585AE9
500
#1E21E1
600
#181AB4
700
#131590
800
#0F1071
900
#0F1052
950
#090A34

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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