#66082E

#66082E

Color Values

HEX

#66082E

RGB

102, 8, 46

HSL

335.7, 85.5%, 21.6%

HSV

335.7, 92.2%, 40.0%

CMYK

0.0%, 92.2%, 54.9%, 60.0%

OKLCH

0.3339 0.1263 4.6

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#66082E

#086640

Analogous

#66085D

#661108

#66082E

Triadic

#66082E

#2E6608

#082E66

Split Complementary

#66082E

#086611

#085D66

Tetradic

#66082E

#5D6608

#086640

#110866

Color Blindness Simulation

Original

#66082E

Protanopia

#3D3C25

Deuteranopia

#434A23

Tritanopia

#611E1C

Achromatopsia

#1F1F1F

CSS Usage

background-color: #66082E;
color: #66082E;
border-color: #66082E;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF2F6
100
#FAE0EB
200
#FABDD6
300
#F68DB8
400
#F15091
500
#ED126B
600
#BD0F55
700
#970C44
800
#760935
900
#560B29
950
#36071A

Contrast Checker

Text on white

12.81:1

AA Pass AAA Pass

Text on black

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