#B27F45

#B27F45

Color Values

HEX

#B27F45

RGB

178, 127, 69

HSL

31.9, 44.1%, 48.4%

HSV

31.9, 61.2%, 69.8%

CMYK

0.0%, 28.7%, 61.2%, 30.2%

OKLCH

0.6356 0.098 68.0

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#B27F45

#4578B2

Analogous

#B24845

#AEB245

#B27F45

Triadic

#B27F45

#45B27F

#7F45B2

Split Complementary

#B27F45

#45AEB2

#4845B2

Tetradic

#B27F45

#45B248

#4578B2

#B245AE

Color Blindness Simulation

Original

#B27F45

Protanopia

#9C9B53

Deuteranopia

#9FA356

Tritanopia

#AF5E61

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#EBDCCC
300
#DDC4A7
400
#CAA377
500
#B88347
600
#936939
700
#76542E
800
#5C4224
900
#44321D
950
#2B1F12

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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