#D096BA

#D096BA

Color Values

HEX

#D096BA

RGB

208, 150, 186

HSL

322.8, 38.2%, 70.2%

HSV

322.8, 27.9%, 81.6%

CMYK

0.0%, 27.9%, 10.6%, 18.4%

OKLCH

0.7398 0.0839 341.6

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#D096BA

#96D0AC

Analogous

#C996D0

#D0969D

#D096BA

Triadic

#D096BA

#BAD096

#96BAD0

Split Complementary

#D096BA

#9DD096

#96D0C9

Tetradic

#D096BA

#D0C996

#96D0AC

#969DD0

Color Blindness Simulation

Original

#D096BA

Protanopia

#B7B6B1

Deuteranopia

#BABFAF

Tritanopia

#CDAAA9

Achromatopsia

#A5A5A5

CSS Usage

background-color: #D096BA;
color: #D096BA;
border-color: #D096BA;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F8
100
#F3E7EF
200
#E9CEDF
300
#D9AAC7
400
#C57DA9
500
#B04F8B
600
#8D3F6F
700
#713259
800
#582746
900
#412034
950
#291421

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.75:1

AA Pass AAA Pass

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