#B66618

#B66618

Color Values

HEX

#B66618

RGB

182, 102, 24

HSL

29.6, 76.7%, 40.4%

HSV

29.6, 86.8%, 71.4%

CMYK

0.0%, 44.0%, 86.8%, 28.6%

OKLCH

0.59 0.1323 58.0

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#B66618

#1868B6

Analogous

#B61819

#B6B518

#B66618

Triadic

#B66618

#18B666

#6618B6

Split Complementary

#B66618

#18B6B5

#1819B6

Tetradic

#B66618

#19B618

#1868B6

#B518B6

Color Blindness Simulation

Original

#B66618

Protanopia

#93932B

Deuteranopia

#989E2F

Tritanopia

#B23A3D

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE2
200
#F7DBC0
300
#F1C193
400
#E9A058
500
#E17E1E
600
#B46518
700
#905113
800
#713F0F
900
#52300F
950
#341E09

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.9:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026