#BC704F

#BC704F

Color Values

HEX

#BC704F

RGB

188, 112, 79

HSL

18.2, 44.9%, 52.4%

HSV

18.2, 58.0%, 73.7%

CMYK

0.0%, 40.4%, 58.0%, 26.3%

OKLCH

0.6214 0.1074 43.8

Properties

Warm Light Nearest: lightsalmon 3

Color Harmonies

Complementary

#BC704F

#4F9BBC

Analogous

#BC4F65

#BCA74F

#BC704F

Triadic

#BC704F

#4FBC70

#704FBC

Split Complementary

#BC704F

#4FBCA7

#4F65BC

Tetradic

#BC704F

#65BC4F

#4F9BBC

#A74FBC

Color Blindness Simulation

Original

#BC704F

Protanopia

#9B9A57

Deuteranopia

#A0A559

Tritanopia

#B85D5F

Achromatopsia

#7E7E7E

CSS Usage

background-color: #BC704F;
color: #BC704F;
border-color: #BC704F;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF6F4
100
#F4EAE6
200
#EBD5CB
300
#DDB7A6
400
#CB9076
500
#B96946
600
#945438
700
#76432D
800
#5C3423
900
#44291D
950
#2B1A12

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

5.57:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026