#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026