#48400F

#48400F

Color Values

HEX

#48400F

RGB

72, 64, 15

HSL

51.6, 65.5%, 17.1%

HSV

51.6, 79.2%, 28.2%

CMYK

0.0%, 11.1%, 79.2%, 71.8%

OKLCH

0.3693 0.067 99.8

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#48400F

#0F1748

Analogous

#48240F

#34480F

#48400F

Triadic

#48400F

#0F4840

#400F48

Split Complementary

#48400F

#0F3448

#240F48

Tetradic

#48400F

#0F4824

#0F1748

#480F34

Color Blindness Simulation

Original

#48400F

Protanopia

#45441B

Deuteranopia

#45461E

Tritanopia

#482426

Achromatopsia

#3E3E3E

CSS Usage

background-color: #48400F;
color: #48400F;
border-color: #48400F;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FCFAF3
100
#F7F4E3
200
#F3ECC4
300
#EADF9A
400
#DECD63
500
#D3BC2C
600
#A99623
700
#87781C
800
#6A5E16
900
#4D4514
950
#312C0D

Contrast Checker

Text on white

10.42:1

AA Pass AAA Pass

Text on black

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