#48240F

#48240F

Color Values

HEX

#48240F

RGB

72, 36, 15

HSL

22.1, 65.5%, 17.1%

HSV

22.1, 79.2%, 28.2%

CMYK

0.0%, 50.0%, 79.2%, 71.8%

OKLCH

0.3047 0.0634 48.9

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#48240F

#0F3348

Analogous

#480F17

#48410F

#48240F

Triadic

#48240F

#0F4824

#240F48

Split Complementary

#48240F

#0F4841

#0F1748

Tetradic

#48240F

#17480F

#0F3348

#410F48

Color Blindness Simulation

Original

#48240F

Protanopia

#383814

Deuteranopia

#3A3D15

Tritanopia

#461819

Achromatopsia

#2A2A2A

CSS Usage

background-color: #48240F;
color: #48240F;
border-color: #48240F;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FCF6F3
100
#F7EBE3
200
#F3D5C4
300
#EAB79A
400
#DE9063
500
#D36A2C
600
#A95423
700
#87441C
800
#6A3516
900
#4D2914
950
#311A0D

Contrast Checker

Text on white

13.68:1

AA Pass AAA Pass

Text on black

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