#F74B65

#F74B65

Color Values

HEX

#F74B65

RGB

247, 75, 101

HSL

350.9, 91.5%, 63.1%

HSV

350.9, 69.6%, 96.9%

CMYK

0.0%, 69.6%, 59.1%, 3.1%

OKLCH

0.6621 0.2072 16.4

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#F74B65

#4BF7DD

Analogous

#F74BBB

#F7874B

#F74B65

Triadic

#F74B65

#65F74B

#4B65F7

Split Complementary

#F74B65

#4BF787

#4BBBF7

Tetradic

#F74B65

#BBF74B

#4BF7DD

#874BF7

Color Blindness Simulation

Original

#F74B65

Protanopia

#ACAB5F

Deuteranopia

#B6C35D

Tritanopia

#EE5A59

Achromatopsia

#717171

CSS Usage

background-color: #F74B65;
color: #F74B65;
border-color: #F74B65;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF1F3
100
#FBDFE3
200
#FCBBC5
300
#FA8A9B
400
#F74A65
500
#F40B2E
600
#C30925
700
#9C071E
800
#7A0517
900
#580915
950
#38050D

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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