#BC8663

#BC8663

Color Values

HEX

#BC8663

RGB

188, 134, 99

HSL

23.6, 39.9%, 56.3%

HSV

23.6, 47.3%, 73.7%

CMYK

0.0%, 28.7%, 47.3%, 26.3%

OKLCH

0.6653 0.0825 53.8

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#BC8663

#6399BC

Analogous

#BC636D

#BCB363

#BC8663

Triadic

#BC8663

#63BC86

#8663BC

Split Complementary

#BC8663

#63BCB3

#636DBC

Tetradic

#BC8663

#6DBC63

#6399BC

#B363BC

Color Blindness Simulation

Original

#BC8663

Protanopia

#A5A46B

Deuteranopia

#A8AC6E

Tritanopia

#B97274

Achromatopsia

#8F8F8F

CSS Usage

background-color: #BC8663;
color: #BC8663;
border-color: #BC8663;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EAD8CD
300
#DABDA9
400
#C6997B
500
#B2754D
600
#8F5D3D
700
#724B31
800
#593A26
900
#422D1F
950
#2A1C14

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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