#450407

#450407

Color Values

HEX

#450407

RGB

69, 4, 7

HSL

357.2, 89.0%, 14.3%

HSV

357.2, 94.2%, 27.1%

CMYK

0.0%, 94.2%, 89.9%, 72.9%

OKLCH

0.2507 0.095 25.3

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#450407

#044542

Analogous

#450427

#452104

#450407

Triadic

#450407

#074504

#040745

Split Complementary

#450407

#044521

#042745

Tetradic

#450407

#274504

#044542

#210445

Color Blindness Simulation

Original

#450407

Protanopia

#292806

Deuteranopia

#2D3206

Tritanopia

#420606

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E1
200
#FBBCBE
300
#F88B90
400
#F54D55
500
#F10E19
600
#C10B14
700
#9A0910
800
#78070C
900
#570A0D
950
#370608

Contrast Checker

Text on white

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