#640F38

#640F38

Color Values

HEX

#640F38

RGB

100, 15, 56

HSL

331.1, 73.9%, 22.5%

HSV

331.1, 85.0%, 39.2%

CMYK

0.0%, 85.0%, 44.0%, 60.8%

OKLCH

0.3381 0.1222 357.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#640F38

#0F643B

Analogous

#640F62

#64110F

#640F38

Triadic

#640F38

#38640F

#0F3864

Split Complementary

#640F38

#0F6411

#0F6264

Tetradic

#640F38

#62640F

#0F643B

#110F64

Color Blindness Simulation

Original

#640F38

Protanopia

#3F3E2E

Deuteranopia

#444A2C

Tritanopia

#602625

Achromatopsia

#242424

CSS Usage

background-color: #640F38;
color: #640F38;
border-color: #640F38;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FCF3F7
100
#F8E2ED
200
#F6C1DA
300
#EF95C0
400
#E65B9E
500
#DE217C
600
#B11B63
700
#8E154F
800
#6F113E
900
#51102F
950
#330A1E

Contrast Checker

Text on white

12.6:1

AA Pass AAA Pass

Text on black

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