#BF6C40

#BF6C40

Color Values

HEX

#BF6C40

RGB

191, 108, 64

HSL

20.8, 49.8%, 50.0%

HSV

20.8, 66.5%, 74.9%

CMYK

0.0%, 43.5%, 66.5%, 25.1%

OKLCH

0.6162 0.1209 47.3

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#BF6C40

#4093BF

Analogous

#BF4053

#BFAC40

#BF6C40

Triadic

#BF6C40

#40BF6C

#6C40BF

Split Complementary

#BF6C40

#40BFAC

#4053BF

Tetradic

#BF6C40

#53BF40

#4093BF

#AC40BF

Color Blindness Simulation

Original

#BF6C40

Protanopia

#9B9A4B

Deuteranopia

#A0A64D

Tritanopia

#BB5355

Achromatopsia

#7A7A7A

CSS Usage

background-color: #BF6C40;
color: #BF6C40;
border-color: #BF6C40;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FBF6F4
100
#F5EBE6
200
#EDD6CA
300
#E0B8A3
400
#D09272
500
#BF6C40
600
#995633
700
#7A4529
800
#5F3620
900
#462A1B
950
#2C1A11

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

5.43:1

AA Pass AAA Fail

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