#B2812D

#B2812D

Color Values

HEX

#B2812D

RGB

178, 129, 45

HSL

37.9, 59.6%, 43.7%

HSV

37.9, 74.7%, 69.8%

CMYK

0.0%, 27.5%, 74.7%, 30.2%

OKLCH

0.637 0.1149 77.0

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B2812D

#2D5EB2

Analogous

#B23F2D

#A0B22D

#B2812D

Triadic

#B2812D

#2DB281

#812DB2

Split Complementary

#B2812D

#2DA0B2

#3F2DB2

Tetradic

#B2812D

#2DB23F

#2D5EB2

#B22DA0

Color Blindness Simulation

Original

#B2812D

Protanopia

#9D9C41

Deuteranopia

#A0A346

Tritanopia

#B05155

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6F0E4
200
#F1E1C6
300
#E6CB9D
400
#D9AF68
500
#CB9434
600
#A37629
700
#825E21
800
#664A1A
900
#4A3716
950
#2F230E

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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