#BF6D18

#BF6D18

Color Values

HEX

#BF6D18

RGB

191, 109, 24

HSL

30.5, 77.7%, 42.2%

HSV

30.5, 87.4%, 74.9%

CMYK

0.0%, 42.9%, 87.4%, 25.1%

OKLCH

0.6144 0.1368 59.4

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BF6D18

#186ABF

Analogous

#BF1918

#BEBF18

#BF6D18

Triadic

#BF6D18

#18BF6D

#6D18BF

Split Complementary

#BF6D18

#18BEBF

#1918BF

Tetradic

#BF6D18

#18BF19

#186ABF

#BF18BE

Color Blindness Simulation

Original

#BF6D18

Protanopia

#9B9B2D

Deuteranopia

#A0A631

Tritanopia

#BB3D40

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DCC0
300
#F1C392
400
#EAA257
500
#E3811C
600
#B56717
700
#915312
800
#71410E
900
#52310F
950
#341F09

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026