#F2625F

#F2625F

Color Values

HEX

#F2625F

RGB

242, 98, 95

HSL

1.2, 85.0%, 66.1%

HSV

1.2, 60.7%, 94.9%

CMYK

0.0%, 59.5%, 60.7%, 5.1%

OKLCH

0.6788 0.1784 24.2

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F2625F

#5FEFF2

Analogous

#F25FA6

#F2AB5F

#F2625F

Triadic

#F2625F

#5FF262

#625FF2

Split Complementary

#F2625F

#5FF2AB

#5FA6F2

Tetradic

#F2625F

#A6F25F

#5FEFF2

#AB5FF2

Color Blindness Simulation

Original

#F2625F

Protanopia

#B4B260

Deuteranopia

#BCC760

Tritanopia

#EB6060

Achromatopsia

#808080

CSS Usage

background-color: #F2625F;
color: #F2625F;
border-color: #F2625F;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FDF2F2
100
#FAE1E0
200
#FABEBD
300
#F6908E
400
#F15450
500
#EC1713
600
#BD130F
700
#970F0C
800
#760C0A
900
#560D0B
950
#360807

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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