#FC565F

#FC565F

Color Values

HEX

#FC565F

RGB

252, 86, 95

HSL

356,7, 96,5%, 66,3%

HSV

356,7, 65,9%, 98,8%

CMYK

0,0%, 65,9%, 62,3%, 1,2%

OKLCH

0,6802 0,2014 21,3

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#FC565F

#56FCF3

Analogous

#FC56B2

#FCA056

#FC565F

Triadic

#FC565F

#5FFC56

#565FFC

Split Complementary

#FC565F

#56FCA0

#56B2FC

Tetradic

#FC565F

#B2FC56

#56FCF3

#A056FC

Color Blindness Simulation

Original

#FC565F

Protanopia

#B4B35D

Deuteranopia

#BECA5C

Tritanopia

#F45B5B

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDFE0
200
#FEB9BD
300
#FD878D
400
#FC4650
500
#FB0412
600
#C8040E
700
#A0030C
800
#7D0209
900
#5B060B
950
#390407

Contrast Checker

Text on white

3,16:1

AA Fail AAA Fail

Text on black

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