#B8691C

#B8691C

Color Values

HEX

#B8691C

RGB

184, 105, 28

HSL

29.6, 73.6%, 41.6%

HSV

29.6, 84.8%, 72.2%

CMYK

0.0%, 42.9%, 84.8%, 27.8%

OKLCH

0.5982 0.1313 58.7

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#B8691C

#1C6BB8

Analogous

#B81C1D

#B8B71C

#B8691C

Triadic

#B8691C

#1CB869

#691CB8

Split Complementary

#B8691C

#1CB8B7

#1C1DB8

Tetradic

#B8691C

#1DB81C

#1C6BB8

#B71CB8

Color Blindness Simulation

Original

#B8691C

Protanopia

#96952F

Deuteranopia

#9AA033

Tritanopia

#B43D41

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F6DBC1
300
#EFC195
400
#E6A05B
500
#DD7E22
600
#B1651B
700
#8E5116
800
#6F3F11
900
#513010
950
#331E0A

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026