#BF6C18

#BF6C18

Color Values

HEX

#BF6C18

RGB

191, 108, 24

HSL

30.2, 77.7%, 42.2%

HSV

30.2, 87.4%, 74.9%

CMYK

0.0%, 43.5%, 87.4%, 25.1%

OKLCH

0.6126 0.1373 58.8

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BF6C18

#186BBF

Analogous

#BF1918

#BFBF18

#BF6C18

Triadic

#BF6C18

#18BF6C

#6C18BF

Split Complementary

#BF6C18

#18BFBF

#1918BF

Tetradic

#BF6C18

#18BF19

#186BBF

#BF18BF

Color Blindness Simulation

Original

#BF6C18

Protanopia

#9B9A2C

Deuteranopia

#A0A631

Tritanopia

#BB3C40

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DBC0
300
#F1C292
400
#EAA157
500
#E3801C
600
#B56717
700
#915212
800
#71400E
900
#52310F
950
#341F09

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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