#D2676B

#D2676B

Color Values

HEX

#D2676B

RGB

210, 103, 107

HSL

357.8, 54.3%, 61.4%

HSV

357.8, 51.0%, 82.4%

CMYK

0.0%, 51.0%, 49.0%, 17.6%

OKLCH

0.6418 0.1352 19.3

Properties

Warm Light Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#D2676B

#67D2CE

Analogous

#D267A0

#D29967

#D2676B

Triadic

#D2676B

#6BD267

#676BD2

Split Complementary

#D2676B

#67D299

#67A0D2

Tetradic

#D2676B

#A0D267

#67D2CE

#9967D2

Color Blindness Simulation

Original

#D2676B

Protanopia

#A4A36A

Deuteranopia

#AAB26A

Tritanopia

#CD6969

Achromatopsia

#7E7E7E

CSS Usage

background-color: #D2676B;
color: #D2676B;
border-color: #D2676B;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FBF4F4
100
#F5E5E6
200
#EFC8C9
300
#E3A1A3
400
#D46D71
500
#C53A3F
600
#9D2F33
700
#7E2529
800
#621D20
900
#48191B
950
#2E1011

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

5.89:1

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