#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

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