#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

Tháng 1 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Tháng 1 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Tháng 1 15, 2026