#666FAB

#666FAB

Color Values

HEX

#666FAB

RGB

102, 111, 171

HSL

232.2, 29.1%, 53.5%

HSV

232.2, 40.4%, 67.1%

CMYK

40.4%, 35.1%, 0.0%, 32.9%

OKLCH

0.5599 0.0936 276.4

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#666FAB

#ABA266

Analogous

#6691AB

#7F66AB

#666FAB

Triadic

#666FAB

#AB666F

#6FAB66

Split Complementary

#666FAB

#AB7F66

#91AB66

Tetradic

#666FAB

#AB6691

#ABA266

#66AB7F

Color Blindness Simulation

Original

#666FAB

Protanopia

#6A6A9C

Deuteranopia

#696999

Tritanopia

#66918E

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D1D4E6
300
#B0B5D4
400
#858CBC
500
#5A64A5
600
#485084
700
#3A4069
800
#2D3252
900
#24273D
950
#171927

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

4.43:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026