#BF770F

#BF770F

Color Values

HEX

#BF770F

RGB

191, 119, 15

HSL

35.5, 85.4%, 40.4%

HSV

35.5, 92.1%, 74.9%

CMYK

0.0%, 37.7%, 92.1%, 25.1%

OKLCH

0.6319 0.1356 67.3

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#BF770F

#0F57BF

Analogous

#BF1F0F

#AFBF0F

#BF770F

Triadic

#BF770F

#0FBF77

#770FBF

Split Complementary

#BF770F

#0FAFBF

#1F0FBF

Tetradic

#BF770F

#0FBF1F

#0F57BF

#BF0FAF

Color Blindness Simulation

Original

#BF770F

Protanopia

#A09F28

Deuteranopia

#A4A92E

Tritanopia

#BB3C40

Achromatopsia

#7F7F7F

CSS Usage

background-color: #BF770F;
color: #BF770F;
border-color: #BF770F;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FDF8F2
100
#FAF0E0
200
#FAE1BD
300
#F6CB8E
400
#F1AF50
500
#EC9313
600
#BD760F
700
#975E0C
800
#764A09
900
#56370B
950
#362307

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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