#DA76AB

#DA76AB

Color Values

HEX

#DA76AB

RGB

218, 118, 171

HSL

328,2, 57,5%, 65,9%

HSV

328,2, 45,9%, 85,5%

CMYK

0,0%, 45,9%, 21,6%, 14,5%

OKLCH

0,6934 0,1387 348,3

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#DA76AB

#76DAA5

Analogous

#D776DA

#DA7679

#DA76AB

Triadic

#DA76AB

#ABDA76

#76ABDA

Split Complementary

#DA76AB

#79DA76

#76DAD7

Tetradic

#DA76AB

#DAD776

#76DAA5

#7679DA

Color Blindness Simulation

Original

#DA76AB

Protanopia

#AFAE9E

Deuteranopia

#B4BC9B

Tritanopia

#D59492

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C7DD
300
#E59FC4
400
#D76AA4
500
#C93684
600
#A12B6A
700
#812354
800
#641B42
900
#4A1732
950
#2E0F20

Contrast Checker

Text on white

2,93:1

AA Fail AAA Fail

Text on black

7,16:1

AA Pass AAA Pass

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