#FD66BA

#FD66BA

Color Values

HEX

#FD66BA

RGB

253, 102, 186

HSL

326.6, 97.4%, 69.6%

HSV

326.6, 59.7%, 99.2%

CMYK

0.0%, 59.7%, 26.5%, 0.8%

OKLCH

0.7241 0.2026 348.9

Properties

Warm Light Nearest: hotpink

Color Harmonies

Complementary

#FD66BA

#66FDA9

Analogous

#F466FD

#FD666F

#FD66BA

Triadic

#FD66BA

#BAFD66

#66BAFD

Split Complementary

#FD66BA

#6FFD66

#66FDF4

Tetradic

#FD66BA

#FDF466

#66FDA9

#666FFD

Color Blindness Simulation

Original

#FD66BA

Protanopia

#BCBAA6

Deuteranopia

#C4D0A1

Tritanopia

#F59692

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDEEF
200
#FEB9DF
300
#FD86C9
400
#FD45AB
500
#FC038E
600
#C90371
700
#A1025B
800
#7E0247
900
#5B0635
950
#390422

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026