#450306

#450306

Color Values

HEX

#450306

RGB

69, 3, 6

HSL

357.3, 91.7%, 14.1%

HSV

357.3, 95.7%, 27.1%

CMYK

0.0%, 95.7%, 91.3%, 72.9%

OKLCH

0.2495 0.0962 25.5

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#450306

#034542

Analogous

#450327

#452103

#450306

Triadic

#450306

#064503

#030645

Split Complementary

#450306

#034521

#032745

Tetradic

#450306

#274503

#034542

#210345

Color Blindness Simulation

Original

#450306

Protanopia

#282805

Deuteranopia

#2C3105

Tritanopia

#420505

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FCBBBE
300
#FA8A8F
400
#F74A52
500
#F40B15
600
#C40811
700
#9C070E
800
#7A050B
900
#58080C
950
#380508

Contrast Checker

Text on white

16.55:1

AA Pass AAA Pass

Text on black

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