#BC822F

#BC822F

Color Values

HEX

#BC822F

RGB

188, 130, 47

HSL

35.3, 60.0%, 46.1%

HSV

35.3, 75.0%, 73.7%

CMYK

0.0%, 30.9%, 75.0%, 26.3%

OKLCH

0.6507 0.1198 72.0

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC822F

#2F69BC

Analogous

#BC3B2F

#B0BC2F

#BC822F

Triadic

#BC822F

#2FBC82

#822FBC

Split Complementary

#BC822F

#2FB0BC

#3B2FBC

Tetradic

#BC822F

#2FBC3B

#2F69BC

#BC2FB0

Color Blindness Simulation

Original

#BC822F

Protanopia

#A3A243

Deuteranopia

#A6AB48

Tritanopia

#B95356

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EFE4
200
#F1DFC6
300
#E7C89D
400
#D9AB68
500
#CC8D33
600
#A37129
700
#835A21
800
#66471A
900
#4B3516
950
#2F220E

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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