#48250F

#48250F

Color Values

HEX

#48250F

RGB

72, 37, 15

HSL

23.2, 65.5%, 17.1%

HSV

23.2, 79.2%, 28.2%

CMYK

0.0%, 48.6%, 79.2%, 71.8%

OKLCH

0.3067 0.0626 50.6

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#48250F

#0F3248

Analogous

#480F16

#48420F

#48250F

Triadic

#48250F

#0F4825

#250F48

Split Complementary

#48250F

#0F4842

#0F1648

Tetradic

#48250F

#16480F

#0F3248

#420F48

Color Blindness Simulation

Original

#48250F

Protanopia

#393914

Deuteranopia

#3B3E16

Tritanopia

#461919

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F7EBE3
200
#F3D6C4
300
#EAB99A
400
#DE9363
500
#D36D2C
600
#A95723
700
#87451C
800
#6A3616
900
#4D2A14
950
#311B0D

Contrast Checker

Text on white

13.57:1

AA Pass AAA Pass

Text on black

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