#BC6A72

#BC6A72

Color Values

HEX

#BC6A72

RGB

188, 106, 114

HSL

354.1, 38.0%, 57.6%

HSV

354.1, 43.6%, 73.7%

CMYK

0.0%, 43.6%, 39.4%, 26.3%

OKLCH

0.6186 0.1048 14.4

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#BC6A72

#6ABCB4

Analogous

#BC6A9B

#BC8B6A

#BC6A72

Triadic

#BC6A72

#72BC6A

#6A72BC

Split Complementary

#BC6A72

#6ABC8B

#6A9BBC

Tetradic

#BC6A72

#9BBC6A

#6ABCB4

#8B6ABC

Color Blindness Simulation

Original

#BC6A72

Protanopia

#989870

Deuteranopia

#9DA370

Tritanopia

#B86F6E

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E9
200
#E9CED0
300
#D9ABAF
400
#C57D84
500
#B04F59
600
#8D3F47
700
#713339
800
#58282C
900
#412023
950
#291416

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

5.44:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026