#D298BA

#D298BA

Color Values

HEX

#D298BA

RGB

210, 152, 186

HSL

324.8, 39.2%, 71.0%

HSV

324.8, 27.6%, 82.4%

CMYK

0.0%, 27.6%, 11.4%, 17.6%

OKLCH

0.7455 0.0822 343.3

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#D298BA

#98D2B0

Analogous

#CD98D2

#D2989D

#D298BA

Triadic

#D298BA

#BAD298

#98BAD2

Split Complementary

#D298BA

#9DD298

#98D2CD

Tetradic

#D298BA

#D2CD98

#98D2B0

#989DD2

Color Blindness Simulation

Original

#D298BA

Protanopia

#B9B8B2

Deuteranopia

#BCC1B0

Tritanopia

#CFABAA

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#E9CDDE
300
#DAAAC6
400
#C67CA7
500
#B14E88
600
#8E3E6D
700
#723257
800
#592744
900
#421F33
950
#291420

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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