#FEB8F0

#FEB8F0

Color Values

HEX

#FEB8F0

RGB

254, 184, 240

HSL

312.0, 97.2%, 85.9%

HSV

312.0, 27.6%, 99.6%

CMYK

0.0%, 27.6%, 5.5%, 0.4%

OKLCH

0.8643 0.1075 333.7

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#FEB8F0

#B8FEC6

Analogous

#E9B8FE

#FEB8CD

#FEB8F0

Triadic

#FEB8F0

#F0FEB8

#B8F0FE

Split Complementary

#FEB8F0

#CDFEB8

#B8FEE9

Tetradic

#FEB8F0

#FEE9B8

#B8FEC6

#B8CDFE

Color Blindness Simulation

Original

#FEB8F0

Protanopia

#E0DFE2

Deuteranopia

#E4E9DF

Tritanopia

#FAD8D5

Achromatopsia

#CBCBCB

CSS Usage

background-color: #FEB8F0;
color: #FEB8F0;
border-color: #FEB8F0;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FEF1FB
100
#FCDEF6
200
#FEB9F0
300
#FD86E5
400
#FC45D8
500
#FB04CA
600
#C903A1
700
#A10281
800
#7E0265
900
#5B064A
950
#39042F

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026