#F80767

#F80767

Color Values

HEX

#F80767

RGB

248, 7, 103

HSL

336.1, 94.5%, 50.0%

HSV

336.1, 97.2%, 97.3%

CMYK

0.0%, 97.2%, 58.5%, 2.7%

OKLCH

0.6276 0.2491 9.4

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F80767

#07F898

Analogous

#F807DF

#F82007

#F80767

Triadic

#F80767

#67F807

#0767F8

Split Complementary

#F80767

#07F820

#07DFF8

Tetradic

#F80767

#DFF807

#07F898

#2007F8

Color Blindness Simulation

Original

#F80767

Protanopia

#908E50

Deuteranopia

#9EB04A

Tritanopia

#EC3D39

Achromatopsia

#414141

CSS Usage

background-color: #F80767;
color: #F80767;
border-color: #F80767;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FDBAD4
300
#FC88B6
400
#FA478F
500
#F80767
600
#C60652
700
#9F0442
800
#7C0434
900
#5A0728
950
#390519

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

5.22:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026