#D98FBA

#D98FBA

Color Values

HEX

#D98FBA

RGB

217, 143, 186

HSL

325.1, 49.3%, 70.6%

HSV

325.1, 34.1%, 85.1%

CMYK

0.0%, 34.1%, 14.3%, 14.9%

OKLCH

0.7374 0.1047 344.2

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#D98FBA

#8FD9AE

Analogous

#D38FD9

#D98F95

#D98FBA

Triadic

#D98FBA

#BAD98F

#8FBAD9

Split Complementary

#D98FBA

#95D98F

#8FD9D3

Tetradic

#D98FBA

#D9D38F

#8FD9AE

#8F95D9

Color Blindness Simulation

Original

#D98FBA

Protanopia

#B9B8B0

Deuteranopia

#BDC3AD

Tritanopia

#D5A7A6

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDCADE
300
#E0A4C7
400
#CF72A8
500
#BE418A
600
#98346E
700
#7A2958
800
#5F2045
900
#461B34
950
#2C1121

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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