#6A7CD8

#6A7CD8

Color Values

HEX

#6A7CD8

RGB

106, 124, 216

HSL

230.2, 58.5%, 63.1%

HSV

230.2, 50.9%, 84.7%

CMYK

50.9%, 42.6%, 0.0%, 15.3%

OKLCH

0.6146 0.1403 273.3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#6A7CD8

#D8C66A

Analogous

#6AB3D8

#8F6AD8

#6A7CD8

Triadic

#6A7CD8

#D86A7C

#7CD86A

Split Complementary

#6A7CD8

#D88F6A

#B3D86A

Tetradic

#6A7CD8

#D86AB3

#D8C66A

#6AD88F

Color Blindness Simulation

Original

#6A7CD8

Protanopia

#7272C2

Deuteranopia

#716FBC

Tritanopia

#6BB0AC

Achromatopsia

#7F7F7F

CSS Usage

background-color: #6A7CD8;
color: #6A7CD8;
border-color: #6A7CD8;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C6CDF0
300
#9EAAE6
400
#697BD8
500
#354DCA
600
#2A3EA2
700
#223181
800
#1A2765
900
#171F4A
950
#0E142F

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

5.49:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026