#666BA6

#666BA6

Color Values

HEX

#666BA6

RGB

102, 107, 166

HSL

235.3, 26.4%, 52.5%

HSV

235.3, 38.6%, 65.1%

CMYK

38.6%, 35.5%, 0.0%, 34.9%

OKLCH

0.5489 0.0917 279.2

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#666BA6

#A6A166

Analogous

#668BA6

#8166A6

#666BA6

Triadic

#666BA6

#A6666B

#6BA666

Split Complementary

#666BA6

#A68166

#8BA666

Tetradic

#666BA6

#A6668B

#A6A166

#66A681

Color Blindness Simulation

Original

#666BA6

Protanopia

#686898

Deuteranopia

#686894

Tritanopia

#668C8A

Achromatopsia

#6E6E6E

CSS Usage

background-color: #666BA6;
color: #666BA6;
border-color: #666BA6;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D3E5
300
#B2B4D2
400
#888CBA
500
#5E63A1
600
#4B4F81
700
#3C3F67
800
#2F3251
900
#25273C
950
#171826

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

4.22:1

AA Fail 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