#D1AFBC

#D1AFBC

Color Values

HEX

#D1AFBC

RGB

209, 175, 188

HSL

337,1, 27,0%, 75,3%

HSV

337,1, 16,3%, 82,0%

CMYK

0,0%, 16,3%, 10,0%, 18,0%

OKLCH

0,7876 0,0429 353,1

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#D1AFBC

#AFD1C4

Analogous

#D1AFCD

#D1B3AF

#D1AFBC

Triadic

#D1AFBC

#BCD1AF

#AFBCD1

Split Complementary

#D1AFBC

#AFD1B3

#AFCDD1

Tetradic

#D1AFBC

#CDD1AF

#AFD1C4

#B3AFD1

Color Blindness Simulation

Original

#D1AFBC

Protanopia

#C2C2B9

Deuteranopia

#C4C7B8

Tritanopia

#CFB6B6

Achromatopsia

#B7B7B7

CSS Usage

background-color: #D1AFBC;
color: #D1AFBC;
border-color: #D1AFBC;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2D9
300
#D2B1BE
400
#BA879B
500
#A25D77
600
#824A5F
700
#683C4C
800
#512F3C
900
#3C252E
950
#26171D

Contrast Checker

Text on white

1,99:1

AA Fail AAA Fail

Text on black

10,57: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