#665876

#665876

Color Values

HEX

#665876

RGB

102, 88, 118

HSL

268.0, 14.6%, 40.4%

HSV

268.0, 25.4%, 46.3%

CMYK

13.6%, 25.4%, 0.0%, 53.7%

OKLCH

0.4854 0.0501 305.8

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#665876

#687658

Analogous

#585976

#755876

#665876

Triadic

#665876

#766658

#587666

Split Complementary

#665876

#767558

#597658

Tetradic

#665876

#765859

#687658

#587675

Color Blindness Simulation

Original

#665876

Protanopia

#60606F

Deuteranopia

#61626D

Tritanopia

#656968

Achromatopsia

#5D5D5D

CSS Usage

background-color: #665876;
color: #665876;
border-color: #665876;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DBD6E1
300
#C1B9CB
400
#A093AE
500
#7E6D92
600
#655775
700
#51465E
800
#3F3649
900
#302A37
950
#1E1B23

Contrast Checker

Text on white

6.52:1

AA Pass AAA Fail

Text on black

3.22:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026