#FB474C

#FB474C

Color Values

HEX

#FB474C

RGB

251, 71, 76

HSL

358.3, 95.7%, 63.1%

HSV

358.3, 71.7%, 98.4%

CMYK

0.0%, 71.7%, 69.7%, 1.6%

OKLCH

0.6606 0.216 24.0

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#FB474C

#47FBF6

Analogous

#FB47A6

#FB9C47

#FB474C

Triadic

#FB474C

#4CFB47

#474CFB

Split Complementary

#FB474C

#47FB9C

#47A6FB

Tetradic

#FB474C

#A6FB47

#47FBF6

#9C47FB

Color Blindness Simulation

Original

#FB474C

Protanopia

#ADAB4B

Deuteranopia

#B8C54A

Tritanopia

#F24A4A

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FDB9BB
300
#FC878B
400
#FB464B
500
#FA050C
600
#C8040A
700
#A00408
800
#7D0306
900
#5A0709
950
#390406

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.11:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026