#BF690D

#BF690D

Color Values

HEX

#BF690D

RGB

191, 105, 13

HSL

31.0, 87.3%, 40.0%

HSV

31.0, 93.2%, 74.9%

CMYK

0.0%, 45.0%, 93.2%, 25.1%

OKLCH

0.6071 0.1413 58.2

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BF690D

#0D63BF

Analogous

#BF100D

#BCBF0D

#BF690D

Triadic

#BF690D

#0DBF69

#690DBF

Split Complementary

#BF690D

#0DBCBF

#100DBF

Tetradic

#BF690D

#0DBF10

#0D63BF

#BF0DBC

Color Blindness Simulation

Original

#BF690D

Protanopia

#9A9923

Deuteranopia

#9FA529

Tritanopia

#BB3539

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADCBC
300
#F7C48C
400
#F3A34E
500
#EF8310
600
#BF690D
700
#99540A
800
#774208
900
#57320A
950
#371F07

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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