#FD8CD8

#FD8CD8

Color Values

HEX

#FD8CD8

RGB

253, 140, 216

HSL

319,6, 96,6%, 77,1%

HSV

319,6, 44,7%, 99,2%

CMYK

0,0%, 44,7%, 14,6%, 0,8%

OKLCH

0,785 0,1627 340,8

Properties

Warm Light Nearest: hotpink 1

Color Harmonies

Complementary

#FD8CD8

#8CFDB1

Analogous

#E98CFD

#FD8CA0

#FD8CD8

Triadic

#FD8CD8

#D8FD8C

#8CD8FD

Split Complementary

#FD8CD8

#A0FD8C

#8CFDE9

Tetradic

#FD8CD8

#FDE98C

#8CFDB1

#8CA0FD

Color Blindness Simulation

Original

#FD8CD8

Protanopia

#CCCBC6

Deuteranopia

#D3DBC1

Tritanopia

#F7B7B4

Achromatopsia

#AAAAAA

CSS Usage

background-color: #FD8CD8;
color: #FD8CD8;
border-color: #FD8CD8;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FEF1FA
100
#FCDEF2
200
#FEB9E7
300
#FD87D6
400
#FC46C0
500
#FB04AA
600
#C90388
700
#A0036D
800
#7D0255
900
#5B063F
950
#390428

Contrast Checker

Text on white

2,12:1

AA Fail AAA Fail

Text on black

9,92:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026