#66062D

#66062D

Color Values

HEX

#66062D

RGB

102, 6, 45

HSL

335.6, 88.9%, 21.2%

HSV

335.6, 94.1%, 40.0%

CMYK

0.0%, 94.1%, 55.9%, 60.0%

OKLCH

0.3323 0.1275 5.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#66062D

#06663F

Analogous

#66065D

#660F06

#66062D

Triadic

#66062D

#2D6606

#062D66

Split Complementary

#66062D

#06660F

#065D66

Tetradic

#66062D

#5D6606

#06663F

#0F0666

Color Blindness Simulation

Original

#66062D

Protanopia

#3C3C24

Deuteranopia

#424921

Tritanopia

#611C1A

Achromatopsia

#1D1D1D

CSS Usage

background-color: #66062D;
color: #66062D;
border-color: #66062D;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF2F6
100
#FBE0EB
200
#FBBCD5
300
#F88BB8
400
#F54D91
500
#F10E6A
600
#C10B55
700
#9A0944
800
#780735
900
#570A29
950
#37061A

Contrast Checker

Text on white

12.89:1

AA Pass AAA Pass

Text on black

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