#D099AF

#D099AF

Color Values

HEX

#D099AF

RGB

208, 153, 175

HSL

336.0, 36.9%, 70.8%

HSV

336.0, 26.4%, 81.6%

CMYK

0.0%, 26.4%, 15.9%, 18.4%

OKLCH

0.7416 0.0715 353.2

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#D099AF

#99D0BA

Analogous

#D099CB

#D09F99

#D099AF

Triadic

#D099AF

#AFD099

#99AFD0

Split Complementary

#D099AF

#99D09F

#99CBD0

Tetradic

#D099AF

#CBD099

#99D0BA

#9F99D0

Color Blindness Simulation

Original

#D099AF

Protanopia

#B8B8AA

Deuteranopia

#BBC0A8

Tritanopia

#CDA5A5

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E8EC
200
#E8CED9
300
#D8ABBD
400
#C37E9A
500
#AF5076
600
#8C405E
700
#70334C
800
#57283B
900
#41202D
950
#29141D

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

8.86: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