#BD0F28

#BD0F28

Color Values

HEX

#BD0F28

RGB

189, 15, 40

HSL

351.4, 85.3%, 40.0%

HSV

351.4, 92.1%, 74.1%

CMYK

0.0%, 92.1%, 78.8%, 25.9%

OKLCH

0.5083 0.1988 23.2

Properties

Warm Dark Nearest: RAL 3027 Raspberry Red

Color Harmonies

Complementary

#BD0F28

#0FBDA4

Analogous

#BD0F7F

#BD4D0F

#BD0F28

Triadic

#BD0F28

#28BD0F

#0F28BD

Split Complementary

#BD0F28

#0FBD4D

#0F7FBD

Tetradic

#BD0F28

#7FBD0F

#0FBDA4

#4D0FBD

Color Blindness Simulation

Original

#BD0F28

Protanopia

#727022

Deuteranopia

#7C8920

Tritanopia

#B41D1C

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE0E4
200
#FABDC6
300
#F68E9D
400
#F15067
500
#EC1332
600
#BD0F28
700
#970C20
800
#760919
900
#560B16
950
#36070E

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

3.26:1

AA Fail 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