#D198AC

#D198AC

Color Values

HEX

#D198AC

RGB

209, 152, 172

HSL

338.9, 38.3%, 70.8%

HSV

338.9, 27.3%, 82.0%

CMYK

0.0%, 27.3%, 17.7%, 18.0%

OKLCH

0.7399 0.0728 356.2

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#D198AC

#98D1BD

Analogous

#D198C9

#D1A098

#D198AC

Triadic

#D198AC

#ACD198

#98ACD1

Split Complementary

#D198AC

#98D1A0

#98C9D1

Tetradic

#D198AC

#C9D198

#98D1BD

#A098D1

Color Blindness Simulation

Original

#D198AC

Protanopia

#B8B8A7

Deuteranopia

#BCC0A6

Tritanopia

#CEA3A2

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EB
200
#E9CED7
300
#D9AABB
400
#C57D96
500
#B04F71
600
#8D3F5A
700
#713248
800
#582739
900
#41202B
950
#29141B

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026