#FC7746

#FC7746

Color Values

HEX

#FC7746

RGB

252, 119, 70

HSL

16.2, 96.8%, 63.1%

HSV

16.2, 72.2%, 98.8%

CMYK

0.0%, 52.8%, 72.2%, 1.2%

OKLCH

0.7182 0.1748 40.1

Properties

Warm Light Nearest: coral

Color Harmonies

Complementary

#FC7746

#46CBFC

Analogous

#FC4670

#FCD246

#FC7746

Triadic

#FC7746

#46FC77

#7746FC

Split Complementary

#FC7746

#46FCD2

#4670FC

Tetradic

#FC7746

#70FC46

#46CBFC

#D246FC

Color Blindness Simulation

Original

#FC7746

Protanopia

#C2C152

Deuteranopia

#CAD455

Tritanopia

#F55B5D

Achromatopsia

#909090

CSS Usage

background-color: #FC7746;
color: #FC7746;
border-color: #FC7746;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FEF4F1
100
#FCE6DE
200
#FECBB9
300
#FDA787
400
#FC7745
500
#FB4704
600
#C93903
700
#A12D03
800
#7D2302
900
#5B1D06
950
#391204

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

7.87:1

AA Pass AAA Pass

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