#FF2563

#FF2563

Color Values

HEX

#FF2563

RGB

255, 37, 99

HSL

342.9, 100.0%, 57.3%

HSV

342.9, 85.5%, 100.0%

CMYK

0.0%, 85.5%, 61.2%, 0.0%

OKLCH

0.6482 0.2434 13.0

Properties

Warm Light Nearest: Red

Color Harmonies

Complementary

#FF2563

#25FFC1

Analogous

#FF25D0

#FF5425

#FF2563

Triadic

#FF2563

#63FF25

#2563FF

Split Complementary

#FF2563

#25FF54

#25D0FF

Tetradic

#FF2563

#D0FF25

#25FFC1

#5425FF

Color Blindness Simulation

Original

#FF2563

Protanopia

#A19F54

Deuteranopia

#ADBE50

Tritanopia

#F44846

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDEE7
200
#FFB8CC
300
#FF85A7
400
#FF4278
500
#FF0049
600
#CC003A
700
#A3002F
800
#800024
900
#5C051E
950
#3A0313

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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