#D3688F

#D3688F

Color Values

HEX

#D3688F

RGB

211, 104, 143

HSL

338.1, 54.9%, 61.8%

HSV

338.1, 50.7%, 82.7%

CMYK

0.0%, 50.7%, 32.2%, 17.3%

OKLCH

0.6543 0.1406 358.7

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#D3688F

#68D3AC

Analogous

#D368C5

#D37768

#D3688F

Triadic

#D3688F

#8FD368

#688FD3

Split Complementary

#D3688F

#68D377

#68C5D3

Tetradic

#D3688F

#C5D368

#68D3AC

#7768D3

Color Blindness Simulation

Original

#D3688F

Protanopia

#A5A486

Deuteranopia

#ABB383

Tritanopia

#CE7E7C

Achromatopsia

#828282

CSS Usage

background-color: #D3688F;
color: #D3688F;
border-color: #D3688F;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4F6
100
#F5E5EB
200
#EFC8D6
300
#E3A0B9
400
#D46D93
500
#C53A6D
600
#9E2E57
700
#7E2546
800
#631D36
900
#48192A
950
#2E0F1B

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.15:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026