#DF98AB

#DF98AB

Color Values

HEX

#DF98AB

RGB

223, 152, 171

HSL

343.9, 52.6%, 73.5%

HSV

343.9, 31.8%, 87.5%

CMYK

0.0%, 31.8%, 23.3%, 12.5%

OKLCH

0.7547 0.0882 1.9

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#DF98AB

#98DFCC

Analogous

#DF98CF

#DFA898

#DF98AB

Triadic

#DF98AB

#ABDF98

#98ABDF

Split Complementary

#DF98AB

#98DFA8

#98CFDF

Tetradic

#DF98AB

#CFDF98

#98DFCC

#A898DF

Color Blindness Simulation

Original

#DF98AB

Protanopia

#C0C0A6

Deuteranopia

#C4CAA5

Tritanopia

#DBA3A2

Achromatopsia

#A8A8A8

CSS Usage

background-color: #DF98AB;
color: #DF98AB;
border-color: #DF98AB;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FBF4F6
100
#F5E5E9
200
#EEC9D3
300
#E2A2B3
400
#D26F8A
500
#C33C60
600
#9C304D
700
#7D273E
800
#611E30
900
#471A26
950
#2D1018

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.22:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026