#F00F63

#F00F63

Color Values

HEX

#F00F63

RGB

240, 15, 99

HSL

337.6, 88.2%, 50.0%

HSV

337.6, 93.8%, 94.1%

CMYK

0.0%, 93.8%, 58.8%, 5.9%

OKLCH

0.6138 0.2409 9.8

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F00F63

#0FF09C

Analogous

#F00FD3

#F02C0F

#F00F63

Triadic

#F00F63

#63F00F

#0F63F0

Split Complementary

#F00F63

#0FF02C

#0FD3F0

Tetradic

#F00F63

#D3F00F

#0FF09C

#2C0FF0

Color Blindness Simulation

Original

#F00F63

Protanopia

#8F8D4F

Deuteranopia

#9CAC4A

Tritanopia

#E53F3B

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FBE0EA
200
#FBBCD3
300
#F88CB4
400
#F44D8C
500
#F00F63
600
#C00C4F
700
#9A0A3F
800
#780832
900
#570A27
950
#370618

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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