#66253F

#66253F

Color Values

HEX

#66253F

RGB

102, 37, 63

HSL

336.0, 46.8%, 27.3%

HSV

336.0, 63.7%, 40.0%

CMYK

0.0%, 63.7%, 38.2%, 60.0%

OKLCH

0.3686 0.0978 358.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#66253F

#25664C

Analogous

#662560

#662C25

#66253F

Triadic

#66253F

#3F6625

#253F66

Split Complementary

#66253F

#25662C

#256066

Tetradic

#66253F

#606625

#25664C

#2C2566

Color Blindness Simulation

Original

#66253F

Protanopia

#4A4939

Deuteranopia

#4E5237

Tritanopia

#633433

Achromatopsia

#353535

CSS Usage

background-color: #66253F;
color: #66253F;
border-color: #66253F;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD8
300
#DEA5BC
400
#CD7498
500
#BB4474
600
#96365C
700
#782B4A
800
#5E223A
900
#451C2C
950
#2B121C

Contrast Checker

Text on white

11.04:1

AA Pass AAA Pass

Text on black

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