#FB043F

#FB043F

Color Values

HEX

#FB043F

RGB

251, 4, 63

HSL

345.7, 96.9%, 50.0%

HSV

345.7, 98.4%, 98.4%

CMYK

0.0%, 98.4%, 74.9%, 1.6%

OKLCH

0.6253 0.2504 20.9

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#FB043F

#04FBC0

Analogous

#FB04BA

#FB4504

#FB043F

Triadic

#FB043F

#3FFB04

#043FFB

Split Complementary

#FB043F

#04FB45

#04BAFB

Tetradic

#FB043F

#BAFB04

#04FBC0

#4504FB

Color Blindness Simulation

Original

#FB043F

Protanopia

#908E31

Deuteranopia

#9EB12D

Tritanopia

#EF2523

Achromatopsia

#3D3D3D

CSS Usage

background-color: #FB043F;
color: #FB043F;
border-color: #FB043F;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FEF1F4
100
#FCDEE5
200
#FEB9C9
300
#FD86A3
400
#FC4571
500
#FB043F
600
#C90332
700
#A10328
800
#7E021F
900
#5B061A
950
#390411

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

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