#BC772A

#BC772A

Color Values

HEX

#BC772A

RGB

188, 119, 42

HSL

31.6, 63.5%, 45.1%

HSV

31.6, 77.7%, 73.7%

CMYK

0.0%, 36.7%, 77.7%, 26.3%

OKLCH

0.6296 0.1239 64.3

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC772A

#2A6FBC

Analogous

#BC2E2A

#B8BC2A

#BC772A

Triadic

#BC772A

#2ABC77

#772ABC

Split Complementary

#BC772A

#2AB8BC

#2E2ABC

Tetradic

#BC772A

#2ABC2E

#2A6FBC

#BC2AB8

Color Blindness Simulation

Original

#BC772A

Protanopia

#9E9E3D

Deuteranopia

#A2A741

Tritanopia

#B94B4F

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EEE4
200
#F2DDC5
300
#E9C49B
400
#DDA465
500
#D0842F
600
#A76925
700
#85541E
800
#684217
900
#4C3215
950
#30200D

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

5.81:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026