#66161D

#66161D

Color Values

HEX

#66161D

RGB

102, 22, 29

HSL

354.8, 64.5%, 24.3%

HSV

354.8, 78.4%, 40.0%

CMYK

0.0%, 78.4%, 71.6%, 60.0%

OKLCH

0.3406 0.1124 21.0

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#66161D

#16665F

Analogous

#661645

#663716

#66161D

Triadic

#66161D

#1D6616

#161D66

Split Complementary

#66161D

#166637

#164566

Tetradic

#66161D

#456616

#16665F

#371666

Color Blindness Simulation

Original

#66161D

Protanopia

#43431B

Deuteranopia

#484E1B

Tritanopia

#621A1A

Achromatopsia

#282828

CSS Usage

background-color: #66161D;
color: #66161D;
border-color: #66161D;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FCF3F4
100
#F7E3E5
200
#F2C4C8
300
#E99AA1
400
#DE646E
500
#D22D3C
600
#A82430
700
#861D26
800
#69171E
900
#4D1419
950
#300D10

Contrast Checker

Text on white

12.37:1

AA Pass AAA Pass

Text on black

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