#D3699F

#D3699F

Color Values

HEX

#D3699F

RGB

211, 105, 159

HSL

329.4, 54.6%, 62.0%

HSV

329.4, 50.2%, 82.7%

CMYK

0.0%, 50.2%, 24.6%, 17.3%

OKLCH

0.6611 0.1465 350.0

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#D3699F

#69D39D

Analogous

#D269D3

#D3696A

#D3699F

Triadic

#D3699F

#9FD369

#699FD3

Split Complementary

#D3699F

#6AD369

#69D3D2

Tetradic

#D3699F

#D3D269

#69D39D

#696AD3

Color Blindness Simulation

Original

#D3699F

Protanopia

#A5A492

Deuteranopia

#ABB38F

Tritanopia

#CE8885

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EFC8DC
300
#E3A0C2
400
#D46DA2
500
#C53A81
600
#9E2E67
700
#7E2552
800
#631D40
900
#481931
950
#2E101F

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026