#64083A

#64083A

Color Values

HEX

#64083A

RGB

100, 8, 58

HSL

327.4, 85.2%, 21.2%

HSV

327.4, 92.0%, 39.2%

CMYK

0.0%, 92.0%, 42.0%, 60.8%

OKLCH

0.3342 0.1291 354.8

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#64083A

#086432

Analogous

#600864

#64080C

#64083A

Triadic

#64083A

#3A6408

#083A64

Split Complementary

#64083A

#0C6408

#086460

Tetradic

#64083A

#646008

#086432

#080C64

Color Blindness Simulation

Original

#64083A

Protanopia

#3C3B2E

Deuteranopia

#42482B

Tritanopia

#5F2422

Achromatopsia

#1F1F1F

CSS Usage

background-color: #64083A;
color: #64083A;
border-color: #64083A;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABDDE
300
#F68EC6
400
#F150A8
500
#EC1389
600
#BD0F6E
700
#970C58
800
#760944
900
#560B34
950
#360721

Contrast Checker

Text on white

12.82:1

AA Pass AAA Pass

Text on black

1.64:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026