#450409

#450409

Color Values

HEX

#450409

RGB

69, 4, 9

HSL

355.4, 89.0%, 14.3%

HSV

355.4, 94.2%, 27.1%

CMYK

0.0%, 94.2%, 87.0%, 72.9%

OKLCH

0.251 0.0948 23.7

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#450409

#044540

Analogous

#450429

#451F04

#450409

Triadic

#450409

#094504

#040945

Split Complementary

#450409

#04451F

#042945

Tetradic

#450409

#294504

#044540

#1F0445

Color Blindness Simulation

Original

#450409

Protanopia

#292808

Deuteranopia

#2D3208

Tritanopia

#420707

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E2
200
#FBBCC0
300
#F88B94
400
#F54D5A
500
#F10E1F
600
#C10B19
700
#9A0914
800
#780710
900
#570A10
950
#37060A

Contrast Checker

Text on white

16.48:1

AA Pass AAA Pass

Text on black

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