#F05262

#F05262

Color Values

HEX

#F05262

RGB

240, 82, 98

HSL

353.9, 84.0%, 63.1%

HSV

353.9, 65.8%, 94.1%

CMYK

0.0%, 65.8%, 59.2%, 5.9%

OKLCH

0.6575 0.1931 18.5

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F05262

#52F0E0

Analogous

#F052B1

#F09152

#F05262

Triadic

#F05262

#62F052

#5262F0

Split Complementary

#F05262

#52F091

#52B1F0

Tetradic

#F05262

#B1F052

#52F0E0

#9152F0

Color Blindness Simulation

Original

#F05262

Protanopia

#ACAA5E

Deuteranopia

#B5C15D

Tritanopia

#E85B5A

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE0E3
200
#F9BDC3
300
#F58E99
400
#F05162
500
#EB142A
600
#BC1022
700
#960D1B
800
#750A15
900
#550C13
950
#36070C

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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