#BC6775

#BC6775

Color Values

HEX

#BC6775

RGB

188, 103, 117

HSL

350.1, 38.8%, 57.1%

HSV

350.1, 45.2%, 73.7%

CMYK

0.0%, 45.2%, 37.8%, 26.3%

OKLCH

0.6144 0.1093 10.3

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#BC6775

#67BCAE

Analogous

#BC67A0

#BC8467

#BC6775

Triadic

#BC6775

#75BC67

#6775BC

Split Complementary

#BC6775

#67BC84

#67A0BC

Tetradic

#BC6775

#A0BC67

#67BCAE

#8467BC

Color Blindness Simulation

Original

#BC6775

Protanopia

#979672

Deuteranopia

#9CA271

Tritanopia

#B86F6E

Achromatopsia

#7A7A7A

CSS Usage

background-color: #BC6775;
color: #BC6775;
border-color: #BC6775;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F6
100
#F3E7E9
200
#E9CDD2
300
#DAAAB2
400
#C57C88
500
#B14E5E
600
#8E3E4B
700
#71323C
800
#58272F
900
#412025
950
#291417

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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