#66033A

#66033A

Color Values

HEX

#66033A

RGB

102, 3, 58

HSL

326.7, 94.3%, 20.6%

HSV

326.7, 97.1%, 40.0%

CMYK

0.0%, 97.1%, 43.1%, 60.0%

OKLCH

0.3352 0.1345 355.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#66033A

#03662F

Analogous

#610366

#660308

#66033A

Triadic

#66033A

#3A6603

#033A66

Split Complementary

#66033A

#086603

#036661

Tetradic

#66033A

#666103

#03662F

#030866

Color Blindness Simulation

Original

#66033A

Protanopia

#3B3A2D

Deuteranopia

#414829

Tritanopia

#612220

Achromatopsia

#1C1C1C

CSS Usage

background-color: #66033A;
color: #66033A;
border-color: #66033A;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FDBADF
300
#FC88C8
400
#FA48AA
500
#F8078D
600
#C60671
700
#9F055A
800
#7C0446
900
#5A0735
950
#390521

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

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