#FB474F

#FB474F

Color Values

HEX

#FB474F

RGB

251, 71, 79

HSL

357.3, 95.7%, 63.1%

HSV

357.3, 71.7%, 98.4%

CMYK

0.0%, 71.7%, 68.5%, 1.6%

OKLCH

0.6611 0.2157 23.1

Properties

Warm Light Nearest: RAL 3017 Rose

Color Harmonies

Complementary

#FB474F

#47FBF3

Analogous

#FB47A9

#FB9947

#FB474F

Triadic

#FB474F

#4FFB47

#474FFB

Split Complementary

#FB474F

#47FB99

#47A9FB

Tetradic

#FB474F

#A9FB47

#47FBF3

#9947FB

Color Blindness Simulation

Original

#FB474F

Protanopia

#ADAB4D

Deuteranopia

#B8C54D

Tritanopia

#F24C4B

Achromatopsia

#6E6E6E

CSS Usage

background-color: #FB474F;
color: #FB474F;
border-color: #FB474F;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FEF1F2
100
#FCDFE0
200
#FDB9BC
300
#FC878D
400
#FB464E
500
#FA0510
600
#C8040D
700
#A0040B
800
#7D0308
900
#5A070A
950
#390407

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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