#48342B

#48342B

Color Values

HEX

#48342B

RGB

72, 52, 43

HSL

18.6, 25.2%, 22.5%

HSV

18.6, 40.3%, 28.2%

CMYK

0.0%, 27.8%, 40.3%, 71.8%

OKLCH

0.3451 0.0329 45.3

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#48342B

#2B3F48

Analogous

#482B30

#48422B

#48342B

Triadic

#48342B

#2B4834

#342B48

Split Complementary

#48342B

#2B4842

#2B3048

Tetradic

#48342B

#30482B

#2B3F48

#422B48

Color Blindness Simulation

Original

#48342B

Protanopia

#3F3F2D

Deuteranopia

#40422E

Tritanopia

#472F2F

Achromatopsia

#383838

CSS Usage

background-color: #48342B;
color: #48342B;
border-color: #48342B;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E4D8D2
300
#D1BCB2
400
#B89889
500
#A0735F
600
#805C4C
700
#664A3D
800
#503A30
900
#3B2C25
950
#261C18

Contrast Checker

Text on white

11.66:1

AA Pass AAA Pass

Text on black

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