#B18142

#B18142

Color Values

HEX

#B18142

RGB

177, 129, 66

HSL

34.1, 45.7%, 47.6%

HSV

34.1, 62.7%, 69.4%

CMYK

0.0%, 27.1%, 62.7%, 30.6%

OKLCH

0.638 0.0996 71.8

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B18142

#4272B1

Analogous

#B14942

#A9B142

#B18142

Triadic

#B18142

#42B181

#8142B1

Split Complementary

#B18142

#42A9B1

#4942B1

Tetradic

#B18142

#42B149

#4272B1

#B142A9

Color Blindness Simulation

Original

#B18142

Protanopia

#9C9C51

Deuteranopia

#9FA355

Tritanopia

#AF5D60

Achromatopsia

#878787

CSS Usage

background-color: #B18142;
color: #B18142;
border-color: #B18142;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDECB
300
#DEC6A6
400
#CCA776
500
#BA8745
600
#956C37
700
#77572C
800
#5D4423
900
#44331D
950
#2B2012

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

6.09:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026