#B56D30

#B56D30

Color Values

HEX

#B56D30

RGB

181, 109, 48

HSL

27.5, 58.1%, 44.9%

HSV

27.5, 73.5%, 71.0%

CMYK

0.0%, 39.8%, 73.5%, 29.0%

OKLCH

0.6029 0.1183 57.7

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#B56D30

#3078B5

Analogous

#B53036

#B5AF30

#B56D30

Triadic

#B56D30

#30B56D

#6D30B5

Split Complementary

#B56D30

#30B5AF

#3036B5

Tetradic

#B56D30

#36B530

#3078B5

#AF30B5

Color Blindness Simulation

Original

#B56D30

Protanopia

#96953F

Deuteranopia

#9A9F42

Tritanopia

#B14A4D

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6ECE4
200
#F0DAC7
300
#E5BF9E
400
#D79C6A
500
#CA7935
600
#A1612B
700
#814E22
800
#653D1B
900
#4A2E17
950
#2F1D0F

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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