#664673

#664673

Color Values

HEX

#664673

RGB

102, 70, 115

HSL

282.7, 24.3%, 36.3%

HSV

282.7, 39.1%, 45.1%

CMYK

11.3%, 39.1%, 0.0%, 54.9%

OKLCH

0.4478 0.081 315.8

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#664673

#537346

Analogous

#504673

#73466A

#664673

Triadic

#664673

#736646

#467366

Split Complementary

#664673

#6A7346

#467350

Tetradic

#664673

#735046

#537346

#466A73

Color Blindness Simulation

Original

#664673

Protanopia

#585868

Deuteranopia

#5A5C66

Tritanopia

#64605E

Achromatopsia

#505050

CSS Usage

background-color: #664673;
color: #664673;
border-color: #664673;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#DFD3E4
300
#C8B3D1
400
#AA8AB8
500
#8D619E
600
#704D7F
700
#5A3E65
800
#46304F
900
#35263B
950
#211825

Contrast Checker

Text on white

7.81:1

AA Pass AAA Pass

Text on black

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