#B77452

#B77452

Color Values

HEX

#B77452

RGB

183, 116, 82

HSL

20.2, 41.2%, 52.0%

HSV

20.2, 55.2%, 71.8%

CMYK

0.0%, 36.6%, 55.2%, 28.2%

OKLCH

0.6227 0.0974 47.3

Properties

Warm Light Nearest: lightsalmon 3

Color Harmonies

Complementary

#B77452

#5295B7

Analogous

#B75263

#B7A752

#B77452

Triadic

#B77452

#52B774

#7452B7

Split Complementary

#B77452

#52B7A7

#5263B7

Tetradic

#B77452

#63B752

#5295B7

#A752B7

Color Blindness Simulation

Original

#B77452

Protanopia

#9A995A

Deuteranopia

#9EA35C

Tritanopia

#B46162

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3EBE7
200
#EAD6CD
300
#DBBAA9
400
#C8947A
500
#B46E4B
600
#90583C
700
#734730
800
#5A3725
900
#422B1E
950
#2A1B13

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.63:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026