#D968AF

#D968AF

Color Values

HEX

#D968AF

RGB

217, 104, 175

HSL

322,3, 59,8%, 62,9%

HSV

322,3, 52,1%, 85,1%

CMYK

0,0%, 52,1%, 19,4%, 14,9%

OKLCH

0,6735 0,1631 343,8

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#D968AF

#68D992

Analogous

#CA68D9

#D96876

#D968AF

Triadic

#D968AF

#AFD968

#68AFD9

Split Complementary

#D968AF

#76D968

#68D9CA

Tetradic

#D968AF

#D9CA68

#68D992

#6876D9

Color Blindness Simulation

Original

#D968AF

Protanopia

#A8A79E

Deuteranopia

#AFB79A

Tritanopia

#D3908D

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EF
200
#F1C6E1
300
#E69DCB
400
#D968AF
500
#CC3393
600
#A32976
700
#82215E
800
#661A4A
900
#4B1637
950
#2F0E23

Contrast Checker

Text on white

3,21:1

AA Fail AAA Fail

Text on black

6,55: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