#FC0ADE

#FC0ADE

Color Values

HEX

#FC0ADE

RGB

252, 10, 222

HSL

307,4, 97,6%, 51,4%

HSV

307,4, 96,0%, 98,8%

CMYK

0,0%, 96,0%, 11,9%, 1,2%

OKLCH

0,6802 0,2995 335,2

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FC0ADE

#0AFC28

Analogous

#A10AFC

#FC0A65

#FC0ADE

Triadic

#FC0ADE

#DEFC0A

#0ADEFC

Split Complementary

#FC0ADE

#65FC0A

#0AFCA1

Tetradic

#FC0ADE

#FCA10A

#0AFC28

#0A65FC

Color Blindness Simulation

Original

#FC0ADE

Protanopia

#9391AB

Deuteranopia

#A1B39E

Tritanopia

#F08279

Achromatopsia

#4D4D4D

CSS Usage

background-color: #FC0ADE;
color: #FC0ADE;
border-color: #FC0ADE;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FEF1FC
100
#FCDEF8
200
#FEB8F6
300
#FE86EF
400
#FD45E6
500
#FC03DD
600
#CA02B1
700
#A1028E
800
#7E026F
900
#5B0651
950
#390433

Contrast Checker

Text on white

3,37:1

AA Fail AAA Fail

Text on black

6,24: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