#F7B1EE

#F7B1EE

Color Values

HEX

#F7B1EE

RGB

247, 177, 238

HSL

307.7, 81.4%, 83.1%

HSV

307.7, 28.3%, 96.9%

CMYK

0.0%, 28.3%, 3.6%, 3.1%

OKLCH

0.8448 0.1126 331.0

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#F7B1EE

#B1F7BA

Analogous

#DDB1F7

#F7B1CB

#F7B1EE

Triadic

#F7B1EE

#EEF7B1

#B1EEF7

Split Complementary

#F7B1EE

#CBF7B1

#B1F7DD

Tetradic

#F7B1EE

#F7DDB1

#B1F7BA

#B1CBF7

Color Blindness Simulation

Original

#F7B1EE

Protanopia

#D9D8DF

Deuteranopia

#DDE2DC

Tritanopia

#F3D4D1

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE1F6
200
#F8BEF1
300
#F490E7
400
#ED54DA
500
#E718CD
600
#B913A4
700
#940F83
800
#740C66
900
#540D4B
950
#35082F

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.48:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026