#6A6EB4

#6A6EB4

Color Values

HEX

#6A6EB4

RGB

106, 110, 180

HSL

236.8, 33.0%, 56.1%

HSV

236.8, 41.1%, 70.6%

CMYK

41.1%, 38.9%, 0.0%, 29.4%

OKLCH

0.5657 0.1075 279.9

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#6A6EB4

#B4B06A

Analogous

#6A93B4

#8B6AB4

#6A6EB4

Triadic

#6A6EB4

#B46A6E

#6EB46A

Split Complementary

#6A6EB4

#B48B6A

#93B46A

Tetradic

#6A6EB4

#B46A93

#B4B06A

#6AB48B

Color Blindness Simulation

Original

#6A6EB4

Protanopia

#6C6CA3

Deuteranopia

#6C6B9F

Tritanopia

#6A9693

Achromatopsia

#727272

CSS Usage

background-color: #6A6EB4;
color: #6A6EB4;
border-color: #6A6EB4;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F5F9
100
#E8E9F2
200
#D0D1E7
300
#AEB0D6
400
#8285C0
500
#555AAA
600
#444888
700
#373A6D
800
#2B2D55
900
#22243F
950
#161628

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

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