#FD7BEE

#FD7BEE

Color Values

HEX

#FD7BEE

RGB

253, 123, 238

HSL

306,9, 97,0%, 73,7%

HSV

306,9, 51,4%, 99,2%

CMYK

0,0%, 51,4%, 5,9%, 0,8%

OKLCH

0,7706 0,2066 331,9

Properties

Warm Light Nearest: orchid 1

Color Harmonies

Complementary

#FD7BEE

#7BFD8A

Analogous

#CB7BFD

#FD7BAD

#FD7BEE

Triadic

#FD7BEE

#EEFD7B

#7BEEFD

Split Complementary

#FD7BEE

#ADFD7B

#7BFDCB

Tetradic

#FD7BEE

#FDCB7B

#7BFD8A

#7BADFD

Color Blindness Simulation

Original

#FD7BEE

Protanopia

#C5C4D2

Deuteranopia

#CCD6CC

Tritanopia

#F6BCB7

Achromatopsia

#9F9F9F

CSS Usage

background-color: #FD7BEE;
color: #FD7BEE;
border-color: #FD7BEE;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FEF1FC
100
#FCDEF8
200
#FEB9F6
300
#FD86F0
400
#FC45E7
500
#FB04DF
600
#C903B2
700
#A1028F
800
#7E026F
900
#5B0651
950
#390433

Contrast Checker

Text on white

2,27:1

AA Fail AAA Fail

Text on black

9,24: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