#B66C49

#B66C49

Color Values

HEX

#B66C49

RGB

182, 108, 73

HSL

19.3, 42.7%, 50.0%

HSV

19.3, 59.9%, 71.4%

CMYK

0.0%, 40.7%, 59.9%, 28.6%

OKLCH

0.6056 0.1066 45.5

Properties

Warm Light Nearest: lightsalmon 3

Color Harmonies

Complementary

#B66C49

#4993B6

Analogous

#B6495C

#B6A349

#B66C49

Triadic

#B66C49

#49B66C

#6C49B6

Split Complementary

#B66C49

#49B6A3

#495CB6

Tetradic

#B66C49

#5CB649

#4993B6

#A349B6

Color Blindness Simulation

Original

#B66C49

Protanopia

#969551

Deuteranopia

#9AA054

Tritanopia

#B2585A

Achromatopsia

#797979

CSS Usage

background-color: #B66C49;
color: #B66C49;
border-color: #B66C49;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF6F5
100
#F4EBE7
200
#EBD6CC
300
#DCB8A8
400
#C99278
500
#B66C49
600
#92563A
700
#74452F
800
#5B3625
900
#432A1E
950
#2A1A13

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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