#B66C23

#B66C23

Color Values

HEX

#B66C23

RGB

182, 108, 35

HSL

29.8, 67.7%, 42.5%

HSV

29.8, 80.8%, 71.4%

CMYK

0.0%, 40.7%, 80.8%, 28.6%

OKLCH

0.6013 0.1257 60.1

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B66C23

#236DB6

Analogous

#B62323

#B6B523

#B66C23

Triadic

#B66C23

#23B66C

#6C23B6

Split Complementary

#B66C23

#23B6B5

#2323B6

Tetradic

#B66C23

#23B623

#236DB6

#B523B6

Color Blindness Simulation

Original

#B66C23

Protanopia

#969535

Deuteranopia

#9AA039

Tritanopia

#B24346

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DBC3
300
#EBC298
400
#E1A061
500
#D67F29
600
#AB6621
700
#89511A
800
#6B3F15
900
#4E3013
950
#311E0C

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

5.16:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026