#BFA775

#BFA775

Color Values

HEX

#BFA775

RGB

191, 167, 117

HSL

40.5, 36.6%, 60.4%

HSV

40.5, 38.7%, 74.9%

CMYK

0.0%, 12.6%, 38.7%, 25.1%

OKLCH

0.7375 0.0723 85.1

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#BFA775

#758DBF

Analogous

#BF8275

#B2BF75

#BFA775

Triadic

#BFA775

#75BFA7

#A775BF

Split Complementary

#BFA775

#75B2BF

#8275BF

Tetradic

#BFA775

#75BF82

#758DBF

#BF75B2

Color Blindness Simulation

Original

#BFA775

Protanopia

#B5B481

Deuteranopia

#B6B884

Tritanopia

#BE8B8D

Achromatopsia

#A8A8A8

CSS Usage

background-color: #BFA775;
color: #BFA775;
border-color: #BFA775;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF8F5
100
#F3EFE8
200
#E8E0CE
300
#D8CAAB
400
#C3AD7E
500
#AE9051
600
#8B7341
700
#6F5C34
800
#574828
900
#403620
950
#292215

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

9.0:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026