#D99F98

#D99F98

Color Values

HEX

#D99F98

RGB

217, 159, 152

HSL

6.5, 46.1%, 72.4%

HSV

6.5, 30.0%, 85.1%

CMYK

0.0%, 26.7%, 30.0%, 14.9%

OKLCH

0.7556 0.0704 26.6

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#D99F98

#98D2D9

Analogous

#D998B2

#D9C098

#D99F98

Triadic

#D99F98

#98D99F

#9F98D9

Split Complementary

#D99F98

#98D9C0

#98B2D9

Tetradic

#D99F98

#B2D998

#98D2D9

#C098D9

Color Blindness Simulation

Original

#D99F98

Protanopia

#C0BF9A

Deuteranopia

#C3C89A

Tritanopia

#D69B9B

Achromatopsia

#ABABAB

CSS Usage

background-color: #D99F98;
color: #D99F98;
border-color: #D99F98;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECCECB
300
#DEACA6
400
#CC7F75
500
#BA5145
600
#954137
700
#77342C
800
#5D2922
900
#45211C
950
#2B1512

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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