#B35F09

#B35F09

Color Values

HEX

#B35F09

RGB

179, 95, 9

HSL

30,4, 90,4%, 36,9%

HSV

30,4, 95,0%, 70,2%

CMYK

0,0%, 46,9%, 95,0%, 29,8%

OKLCH

0,5732 0,1366 56,4

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#B35F09

#095DB3

Analogous

#B30A09

#B2B309

#B35F09

Triadic

#B35F09

#09B35F

#5F09B3

Split Complementary

#B35F09

#09B2B3

#0A09B3

Tetradic

#B35F09

#09B30A

#095DB3

#B309B2

Color Blindness Simulation

Original

#B35F09

Protanopia

#8F8E1E

Deuteranopia

#949A23

Tritanopia

#AF2E32

Achromatopsia

#6B6B6B

CSS Usage

background-color: #B35F09;
color: #B35F09;
border-color: #B35F09;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDCBB
300
#F9C38A
400
#F6A24B
500
#F3810C
600
#C2670A
700
#9B5308
800
#794106
900
#583109
950
#371F06

Contrast Checker

Text on white

4,61:1

AA Pass AAA Fail

Text on black

4,56: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