#FB4142

#FB4142

Color Values

HEX

#FB4142

RGB

251, 65, 66

HSL

359.7, 95.9%, 62.0%

HSV

359.7, 74.1%, 98.4%

CMYK

0.0%, 74.1%, 73.7%, 1.6%

OKLCH

0.6541 0.222 25.6

Properties

Warm Light Nearest: brown 1

Color Harmonies

Complementary

#FB4142

#41FBFA

Analogous

#FB419F

#FB9D41

#FB4142

Triadic

#FB4142

#42FB41

#4142FB

Split Complementary

#FB4142

#41FB9D

#419FFB

Tetradic

#FB4142

#9FFB41

#41FBFA

#9D41FB

Color Blindness Simulation

Original

#FB4142

Protanopia

#AAA942

Deuteranopia

#B5C342

Tritanopia

#F24242

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FEB9B9
300
#FC8788
400
#FB4647
500
#FA0506
600
#C80405
700
#A00304
800
#7D0303
900
#5A0707
950
#390404

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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