#B78C60

#B78C60

Color Values

HEX

#B78C60

RGB

183, 140, 96

HSL

30.3, 37.7%, 54.7%

HSV

30.3, 47.5%, 71.8%

CMYK

0.0%, 23.5%, 47.5%, 28.2%

OKLCH

0.671 0.0793 66.4

Properties

Warm Light Nearest: Antique Brass

Color Harmonies

Complementary

#B78C60

#608BB7

Analogous

#B76060

#B7B760

#B78C60

Triadic

#B78C60

#60B78C

#8C60B7

Split Complementary

#B78C60

#60B7B7

#6060B7

Tetradic

#B78C60

#60B760

#608BB7

#B760B7

Color Blindness Simulation

Original

#B78C60

Protanopia

#A4A46B

Deuteranopia

#A7AA6D

Tritanopia

#B57375

Achromatopsia

#929292

CSS Usage

background-color: #B78C60;
color: #B78C60;
border-color: #B78C60;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#E9DBCE
300
#D9C2AB
400
#C4A17D
500
#B0804F
600
#8C6640
700
#705233
800
#584028
900
#413120
950
#291F14

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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