#F8076B

#F8076B

Color Values

HEX

#F8076B

RGB

248, 7, 107

HSL

335.1, 94.5%, 50.0%

HSV

335.1, 97.2%, 97.3%

CMYK

0.0%, 97.2%, 56.9%, 2.7%

OKLCH

0.6285 0.2497 8.2

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F8076B

#07F894

Analogous

#F807E4

#F81B07

#F8076B

Triadic

#F8076B

#6BF807

#076BF8

Split Complementary

#F8076B

#07F81B

#07E4F8

Tetradic

#F8076B

#E4F807

#07F894

#1B07F8

Color Blindness Simulation

Original

#F8076B

Protanopia

#908E53

Deuteranopia

#9EB04D

Tritanopia

#EC403C

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEB
200
#FDBAD6
300
#FC88B8
400
#FA4791
500
#F8076B
600
#C60656
700
#9F0444
800
#7C0436
900
#5A0729
950
#39051A

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

5.23: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