#481617

#481617

Color Values

HEX

#481617

RGB

72, 22, 23

HSL

358.8, 53.2%, 18.4%

HSV

358.8, 69.4%, 28.2%

CMYK

0.0%, 69.4%, 68.1%, 71.8%

OKLCH

0.2813 0.0766 22.3

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#481617

#164847

Analogous

#481630

#482E16

#481617

Triadic

#481617

#174816

#161748

Split Complementary

#481617

#16482E

#163048

Tetradic

#481617

#304816

#164847

#2E1648

Color Blindness Simulation

Original

#481617

Protanopia

#323217

Deuteranopia

#353917

Tritanopia

#451717

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E5E5
200
#EEC8C9
300
#E2A1A3
400
#D36E70
500
#C33C3E
600
#9C3032
700
#7D2628
800
#621E1F
900
#48191A
950
#2D1011

Contrast Checker

Text on white

14.97:1

AA Pass AAA Pass

Text on black

1.4:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026