#BC1027

#BC1027

Color Values

HEX

#BC1027

RGB

188, 16, 39

HSL

352.0, 84.3%, 40.0%

HSV

352.0, 91.5%, 73.7%

CMYK

0.0%, 91.5%, 79.3%, 26.3%

OKLCH

0.5066 0.1977 23.5

Properties

Warm Dark Nearest: RAL 3027 Raspberry Red

Color Harmonies

Complementary

#BC1027

#10BCA5

Analogous

#BC107D

#BC4F10

#BC1027

Triadic

#BC1027

#27BC10

#1027BC

Split Complementary

#BC1027

#10BC4F

#107DBC

Tetradic

#BC1027

#7DBC10

#10BCA5

#4F10BC

Color Blindness Simulation

Original

#BC1027

Protanopia

#717021

Deuteranopia

#7C8820

Tritanopia

#B31D1C

Achromatopsia

#363636

CSS Usage

background-color: #BC1027;
color: #BC1027;
border-color: #BC1027;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FDF2F3
100
#FAE0E4
200
#F9BDC5
300
#F58E9C
400
#F05166
500
#EB1431
600
#BC1027
700
#960D1F
800
#750A18
900
#550C15
950
#36070E

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026