#B67848

#B67848

Color Values

HEX

#B67848

RGB

182, 120, 72

HSL

26.2, 43.3%, 49.8%

HSV

26.2, 60.4%, 71.4%

CMYK

0.0%, 34.1%, 60.4%, 28.6%

OKLCH

0.6273 0.1006 57.3

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#B67848

#4886B6

Analogous

#B6484F

#B6AF48

#B67848

Triadic

#B67848

#48B678

#7848B6

Split Complementary

#B67848

#48B6AF

#484FB6

Tetradic

#B67848

#4FB648

#4886B6

#AF48B6

Color Blindness Simulation

Original

#B67848

Protanopia

#9B9B54

Deuteranopia

#9FA356

Tritanopia

#B35D5F

Achromatopsia

#828282

CSS Usage

background-color: #B67848;
color: #B67848;
border-color: #B67848;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F5
100
#F4ECE7
200
#EBD9CC
300
#DCBEA7
400
#CA9B78
500
#B77948
600
#92603A
700
#754D2E
800
#5B3C24
900
#432E1E
950
#2B1D13

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

5.77:1

AA Pass 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