#F90645

#F90645

Color Values

HEX

#F90645

RGB

249, 6, 69

HSL

344.4, 95.3%, 50.0%

HSV

344.4, 97.6%, 97.6%

CMYK

0.0%, 97.6%, 72.3%, 2.4%

OKLCH

0.6228 0.2483 19.4

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#F90645

#06F9BA

Analogous

#F906BF

#F94006

#F90645

Triadic

#F90645

#45F906

#0645F9

Split Complementary

#F90645

#06F940

#06BFF9

Tetradic

#F90645

#BFF906

#06F9BA

#4006F9

Color Blindness Simulation

Original

#F90645

Protanopia

#908E36

Deuteranopia

#9EB032

Tritanopia

#ED2A27

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FEF1F4
100
#FCDFE6
200
#FDB9CB
300
#FC87A6
400
#FB4775
500
#F90645
600
#C70537
700
#9F042C
800
#7D0323
900
#5A071D
950
#390412

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

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