#48331C

#48331C

Color Values

HEX

#48331C

RGB

72, 51, 28

HSL

31.4, 44.0%, 19.6%

HSV

31.4, 61.1%, 28.2%

CMYK

0.0%, 29.2%, 61.1%, 71.8%

OKLCH

0.3394 0.0469 67.6

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#48331C

#1C3148

Analogous

#481D1C

#47481C

#48331C

Triadic

#48331C

#1C4833

#331C48

Split Complementary

#48331C

#1C4748

#1D1C48

Tetradic

#48331C

#1C481D

#1C3148

#481C47

Color Blindness Simulation

Original

#48331C

Protanopia

#3F3F22

Deuteranopia

#404223

Tritanopia

#472627

Achromatopsia

#363636

CSS Usage

background-color: #48331C;
color: #48331C;
border-color: #48331C;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#EBDCCC
300
#DDC3A7
400
#CAA377
500
#B88247
600
#936839
700
#76532E
800
#5C4124
900
#44311D
950
#2B1F12

Contrast Checker

Text on white

11.89:1

AA Pass AAA Pass

Text on black

1.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026