#D7285D

#D7285D

Color Values

HEX

#D7285D

RGB

215, 40, 93

HSL

341.8, 68.6%, 50.0%

HSV

341.8, 81.4%, 84.3%

CMYK

0.0%, 81.4%, 56.7%, 15.7%

OKLCH

0.5782 0.2083 10.0

Properties

Warm Dark Nearest: Razzmatazz

Color Harmonies

Complementary

#D7285D

#28D7A2

Analogous

#D728B5

#D74A28

#D7285D

Triadic

#D7285D

#5DD728

#285DD7

Split Complementary

#D7285D

#28D74A

#28B5D7

Tetradic

#D7285D

#B5D728

#28D7A2

#4A28D7

Color Blindness Simulation

Original

#D7285D

Protanopia

#8B8A50

Deuteranopia

#95A24D

Tritanopia

#CE4644

Achromatopsia

#515151

CSS Usage

background-color: #D7285D;
color: #D7285D;
border-color: #D7285D;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FCF3F6
100
#F8E3E9
200
#F4C3D2
300
#EC98B1
400
#E16087
500
#D7285D
600
#AC204A
700
#8A1A3C
800
#6B142F
900
#4E1325
950
#310C17

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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