#BD6506

#BD6506

Color Values

HEX

#BD6506

RGB

189, 101, 6

HSL

31.1, 93.8%, 38.2%

HSV

31.1, 96.8%, 74.1%

CMYK

0.0%, 46.6%, 96.8%, 25.9%

OKLCH

0.5973 0.1427 57.0

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#BD6506

#065EBD

Analogous

#BD0906

#B9BD06

#BD6506

Triadic

#BD6506

#06BD65

#6506BD

Split Complementary

#BD6506

#06B9BD

#0906BD

Tetradic

#BD6506

#06BD09

#065EBD

#BD06B9

Color Blindness Simulation

Original

#BD6506

Protanopia

#97961D

Deuteranopia

#9CA322

Tritanopia

#B92F33

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBEEDF
200
#FDDDBA
300
#FBC488
400
#F9A448
500
#F78408
600
#C66A06
700
#9E5405
800
#7C4204
900
#593208
950
#382005

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

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