#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026