#FC0366

#FC0366

Color Values

HEX

#FC0366

RGB

252, 3, 102

HSL

336.1, 97.6%, 50.0%

HSV

336.1, 98.8%, 98.8%

CMYK

0.0%, 98.8%, 59.5%, 1.2%

OKLCH

0.6338 0.2526 10.2

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#FC0366

#03FC99

Analogous

#FC03E3

#FC1C03

#FC0366

Triadic

#FC0366

#66FC03

#0366FC

Split Complementary

#FC0366

#03FC1C

#03E3FC

Tetradic

#FC0366

#E3FC03

#03FC99

#1C03FC

Color Blindness Simulation

Original

#FC0366

Protanopia

#908E4E

Deuteranopia

#9FB148

Tritanopia

#F03B37

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDEEA
200
#FEB8D4
300
#FE86B6
400
#FD458E
500
#FC0366
600
#CA0252
700
#A10241
800
#7E0233
900
#5B0628
950
#390419

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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