#666AA2

#666AA2

Color Values

HEX

#666AA2

RGB

102, 106, 162

HSL

236.0, 24.4%, 51.8%

HSV

236.0, 37.0%, 63.5%

CMYK

37.0%, 34.6%, 0.0%, 36.5%

OKLCH

0.5447 0.0872 280.0

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#666AA2

#A29E66

Analogous

#6688A2

#8066A2

#666AA2

Triadic

#666AA2

#A2666A

#6AA266

Split Complementary

#666AA2

#A28066

#88A266

Tetradic

#666AA2

#A26688

#A29E66

#66A280

Color Blindness Simulation

Original

#666AA2

Protanopia

#686894

Deuteranopia

#686791

Tritanopia

#668A87

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D3D4E4
300
#B3B5D1
400
#8A8DB8
500
#60659F
600
#4D507F
700
#3E4066
800
#30324F
900
#26273B
950
#181925

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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