#480C07

#480C07

Color Values

HEX

#480C07

RGB

72, 12, 7

HSL

4.6, 82.3%, 15.5%

HSV

4.6, 90.3%, 28.2%

CMYK

0.0%, 83.3%, 90.3%, 71.8%

OKLCH

0.2656 0.0907 29.5

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#480C07

#074348

Analogous

#480723

#482D07

#480C07

Triadic

#480C07

#07480C

#0C0748

Split Complementary

#480C07

#07482D

#072348

Tetradic

#480C07

#234807

#074348

#2D0748

Color Blindness Simulation

Original

#480C07

Protanopia

#2E2D08

Deuteranopia

#323608

Tritanopia

#450909

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E1
200
#F9C2BE
300
#F4978F
400
#EE5F53
500
#E82717
600
#BA1F12
700
#95190E
800
#74130B
900
#54120D
950
#350B08

Contrast Checker

Text on white

15.78:1

AA Pass AAA Pass

Text on black

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