#F83B77

#F83B77

Color Values

HEX

#F83B77

RGB

248, 59, 119

HSL

341.0, 93.1%, 60.2%

HSV

341.0, 76.2%, 97.3%

CMYK

0.0%, 76.2%, 52.0%, 2.7%

OKLCH

0.6541 0.2247 7.6

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F83B77

#3BF8BC

Analogous

#F83BD5

#F85E3B

#F83B77

Triadic

#F83B77

#77F83B

#3B77F8

Split Complementary

#F83B77

#3BF85E

#3BD5F8

Tetradic

#F83B77

#D5F83B

#3BF8BC

#5E3BF8

Color Blindness Simulation

Original

#F83B77

Protanopia

#A6A568

Deuteranopia

#B1BF65

Tritanopia

#EF5D5A

Achromatopsia

#686868

CSS Usage

background-color: #F83B77;
color: #F83B77;
border-color: #F83B77;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF1F5
100
#FBDFE8
200
#FDBACF
300
#FB89AD
400
#F84980
500
#F60954
600
#C50743
700
#9E0636
800
#7B042A
900
#590822
950
#380515

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

5.88:1

AA Pass AAA Fail

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