#FC0343

#FC0343

Color Values

HEX

#FC0343

RGB

252, 3, 67

HSL

344.6, 97.6%, 50.0%

HSV

344.6, 98.8%, 98.8%

CMYK

0.0%, 98.8%, 73.4%, 1.2%

OKLCH

0.6275 0.2512 20.0

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#FC0343

#03FCBC

Analogous

#FC03BF

#FC4003

#FC0343

Triadic

#FC0343

#43FC03

#0343FC

Split Complementary

#FC0343

#03FC40

#03BFFC

Tetradic

#FC0343

#BFFC03

#03FCBC

#4003FC

Color Blindness Simulation

Original

#FC0343

Protanopia

#908E34

Deuteranopia

#9FB130

Tritanopia

#F02725

Achromatopsia

#3D3D3D

CSS Usage

background-color: #FC0343;
color: #FC0343;
border-color: #FC0343;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FEF1F4
100
#FCDEE6
200
#FEB8CA
300
#FE86A5
400
#FD4574
500
#FC0343
600
#CA0236
700
#A1022B
800
#7E0221
900
#5B061C
950
#390412

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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