#64180F

#64180F

Color Values

HEX

#64180F

RGB

100, 24, 15

HSL

6.4, 73.9%, 22.5%

HSV

6.4, 85.0%, 39.2%

CMYK

0.0%, 76.0%, 85.0%, 60.8%

OKLCH

0.3367 0.1101 30.4

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#64180F

#0F5B64

Analogous

#640F30

#64420F

#64180F

Triadic

#64180F

#0F6418

#180F64

Split Complementary

#64180F

#0F6442

#0F3064

Tetradic

#64180F

#30640F

#0F5B64

#420F64

Color Blindness Simulation

Original

#64180F

Protanopia

#434211

Deuteranopia

#484D12

Tritanopia

#601313

Achromatopsia

#282828

CSS Usage

background-color: #64180F;
color: #64180F;
border-color: #64180F;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FCF4F3
100
#F8E4E2
200
#F6C7C1
300
#EF9E95
400
#E66A5B
500
#DE3521
600
#B12B1B
700
#8E2215
800
#6F1B11
900
#511710
950
#330F0A

Contrast Checker

Text on white

12.5:1

AA Pass AAA Pass

Text on black

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