#64161C

#64161C

Color Values

HEX

#64161C

RGB

100, 22, 28

HSL

355.4, 63.9%, 23.9%

HSV

355.4, 78.0%, 39.2%

CMYK

0.0%, 78.0%, 72.0%, 60.8%

OKLCH

0.3365 0.1102 21.5

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#64161C

#16645E

Analogous

#641643

#643716

#64161C

Triadic

#64161C

#1C6416

#161C64

Split Complementary

#64161C

#166437

#164364

Tetradic

#64161C

#436416

#16645E

#371664

Color Blindness Simulation

Original

#64161C

Protanopia

#42421B

Deuteranopia

#474D1A

Tritanopia

#601919

Achromatopsia

#272727

CSS Usage

background-color: #64161C;
color: #64161C;
border-color: #64161C;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FCF3F4
100
#F7E3E5
200
#F2C4C8
300
#E99BA1
400
#DD646E
500
#D12E3B
600
#A7252F
700
#861D25
800
#68171D
900
#4C1519
950
#300D10

Contrast Checker

Text on white

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