#6670AB

#6670AB

Color Values

HEX

#6670AB

RGB

102, 112, 171

HSL

231.3, 29.1%, 53.5%

HSV

231.3, 40.4%, 67.1%

CMYK

40.4%, 34.5%, 0.0%, 32.9%

OKLCH

0.562 0.0922 275.7

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#6670AB

#ABA166

Analogous

#6692AB

#7E66AB

#6670AB

Triadic

#6670AB

#AB6670

#70AB66

Split Complementary

#6670AB

#AB7E66

#92AB66

Tetradic

#6670AB

#AB6692

#ABA166

#66AB7E

Color Blindness Simulation

Original

#6670AB

Protanopia

#6A6A9D

Deuteranopia

#6A6999

Tritanopia

#66918F

Achromatopsia

#727272

CSS Usage

background-color: #6670AB;
color: #6670AB;
border-color: #6670AB;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D1D4E6
300
#B0B5D4
400
#858DBC
500
#5A65A5
600
#485184
700
#3A4169
800
#2D3352
900
#24273D
950
#171927

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026