#BF703A

#BF703A

Color Values

HEX

#BF703A

RGB

191, 112, 58

HSL

24.4, 53.4%, 48.8%

HSV

24.4, 69.6%, 74.9%

CMYK

0.0%, 41.4%, 69.6%, 25.1%

OKLCH

0.6223 0.1214 52.8

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#BF703A

#3A89BF

Analogous

#BF3A46

#BFB23A

#BF703A

Triadic

#BF703A

#3ABF70

#703ABF

Split Complementary

#BF703A

#3ABFB2

#3A46BF

Tetradic

#BF703A

#46BF3A

#3A89BF

#B23ABF

Color Blindness Simulation

Original

#BF703A

Protanopia

#9D9C47

Deuteranopia

#A1A74A

Tritanopia

#BB5154

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5ECE5
200
#EED8C8
300
#E2BCA1
400
#D3976E
500
#C4733B
600
#9C5C30
700
#7D4926
800
#62391E
900
#482C19
950
#2D1C10

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

5.59:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026