#48221B

#48221B

Color Values

HEX

#48221B

RGB

72, 34, 27

HSL

9.3, 45.5%, 19.4%

HSV

9.3, 62.5%, 28.2%

CMYK

0.0%, 52.8%, 62.5%, 71.8%

OKLCH

0.3028 0.0597 31.7

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#48221B

#1B4148

Analogous

#481B2A

#48381B

#48221B

Triadic

#48221B

#1B4822

#221B48

Split Complementary

#48221B

#1B4838

#1B2A48

Tetradic

#48221B

#2A481B

#1B4148

#381B48

Color Blindness Simulation

Original

#48221B

Protanopia

#38371D

Deuteranopia

#3A3D1D

Tritanopia

#461E1E

Achromatopsia

#2A2A2A

CSS Usage

background-color: #48221B;
color: #48221B;
border-color: #48221B;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECD0CB
300
#DEAFA6
400
#CC8376
500
#BA5745
600
#944638
700
#77382C
800
#5D2C23
900
#44231D
950
#2B1612

Contrast Checker

Text on white

13.81:1

AA Pass AAA Pass

Text on black

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