#FC6D70

#FC6D70

Color Values

HEX

#FC6D70

RGB

252, 109, 112

HSL

358.7, 96.0%, 70.8%

HSV

358.7, 56.7%, 98.8%

CMYK

0.0%, 56.7%, 55.6%, 1.2%

OKLCH

0.7108 0.1752 21.4

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#FC6D70

#6DFCF9

Analogous

#FC6DB8

#FCB16D

#FC6D70

Triadic

#FC6D70

#70FC6D

#6D70FC

Split Complementary

#FC6D70

#6DFCB1

#6DB8FC

Tetradic

#FC6D70

#B8FC6D

#6DFCF9

#B16DFC

Color Blindness Simulation

Original

#FC6D70

Protanopia

#BEBD6F

Deuteranopia

#C6D16F

Tritanopia

#F56F6F

Achromatopsia

#8C8C8C

CSS Usage

background-color: #FC6D70;
color: #FC6D70;
border-color: #FC6D70;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FEB9BB
300
#FD878A
400
#FB464A
500
#FA050A
600
#C80408
700
#A00307
800
#7D0305
900
#5A0708
950
#390405

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

7.56:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026