#F807B8

#F807B8

Color Values

HEX

#F807B8

RGB

248, 7, 184

HSL

315.9, 94.5%, 50.0%

HSV

315.9, 97.2%, 97.3%

CMYK

0.0%, 97.2%, 25.8%, 2.7%

OKLCH

0.6549 0.2773 344.3

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F807B8

#07F847

Analogous

#BF07F8

#F80740

#F807B8

Triadic

#F807B8

#B8F807

#07B8F8

Split Complementary

#F807B8

#40F807

#07F8BF

Tetradic

#F807B8

#F8BF07

#07F847

#0740F8

Color Blindness Simulation

Original

#F807B8

Protanopia

#908E8D

Deuteranopia

#9EB083

Tritanopia

#EC6B64

Achromatopsia

#474747

CSS Usage

background-color: #F807B8;
color: #F807B8;
border-color: #F807B8;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF1FA
100
#FBDFF4
200
#FDBAEB
300
#FC88DD
400
#FA47CB
500
#F807B8
600
#C60693
700
#9F0476
800
#7C045C
900
#5A0744
950
#39052B

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.71:1

AA Pass AAA Fail

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