#FEB7FD

#FEB7FD

Color Values

HEX

#FEB7FD

RGB

254, 183, 253

HSL

300.8, 97.3%, 85.7%

HSV

300.8, 28.0%, 99.6%

CMYK

0.0%, 28.0%, 0.4%, 0.4%

OKLCH

0.8673 0.1212 327.0

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FEB7FD

#B7FEB8

Analogous

#DBB7FE

#FEB7DA

#FEB7FD

Triadic

#FEB7FD

#FDFEB7

#B7FDFE

Split Complementary

#FEB7FD

#DAFEB7

#B7FEDB

Tetradic

#FEB7FD

#FEDBB7

#B7FEB8

#B7DAFE

Color Blindness Simulation

Original

#FEB7FD

Protanopia

#DFDFEC

Deuteranopia

#E3E9E8

Tritanopia

#FADFDC

Achromatopsia

#CBCBCB

CSS Usage

background-color: #FEB7FD;
color: #FEB7FD;
border-color: #FEB7FD;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FEB9FD
300
#FD86FC
400
#FC45FA
500
#FC03F8
600
#C903C7
700
#A1029F
800
#7E027C
900
#5B065A
950
#390439

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.41: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