#66053C

#66053C

Color Values

HEX

#66053C

RGB

102, 5, 60

HSL

326.0, 90.7%, 21.0%

HSV

326.0, 95.1%, 40.0%

CMYK

0.0%, 95.1%, 41.2%, 60.0%

OKLCH

0.3372 0.1338 353.9

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#66053C

#05662F

Analogous

#600566

#66050B

#66053C

Triadic

#66053C

#3C6605

#053C66

Split Complementary

#66053C

#0B6605

#056660

Tetradic

#66053C

#666005

#05662F

#050B66

Color Blindness Simulation

Original

#66053C

Protanopia

#3C3B2F

Deuteranopia

#42492C

Tritanopia

#612422

Achromatopsia

#1E1E1E

CSS Usage

background-color: #66053C;
color: #66053C;
border-color: #66053C;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FCBBE0
300
#F98AC9
400
#F64BAC
500
#F30C8F
600
#C30972
700
#9C085B
800
#7A0647
900
#580936
950
#380622

Contrast Checker

Text on white

12.71:1

AA Pass AAA Pass

Text on black

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