#642423

#642423

Color Values

HEX

#642423

RGB

100, 36, 35

HSL

0.9, 48.1%, 26.5%

HSV

0.9, 65.0%, 39.2%

CMYK

0.0%, 64.0%, 65.0%, 60.8%

OKLCH

0.3557 0.0931 23.9

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#642423

#236364

Analogous

#642343

#644523

#642423

Triadic

#642423

#236424

#242364

Split Complementary

#642423

#236445

#234364

Tetradic

#642423

#436423

#236364

#452364

Color Blindness Simulation

Original

#642423

Protanopia

#484823

Deuteranopia

#4C5123

Tritanopia

#612323

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FAF4F4
100
#F4E6E6
200
#ECCBCA
300
#DFA5A4
400
#CE7573
500
#BD4442
600
#973635
700
#792C2A
800
#5E2221
900
#451C1B
950
#2C1211

Contrast Checker

Text on white

11.55:1

AA Pass AAA Pass

Text on black

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