#F7AD8C

#F7AD8C

Color Values

HEX

#F7AD8C

RGB

247, 173, 140

HSL

18.5, 87.0%, 75.9%

HSV

18.5, 43.3%, 96.9%

CMYK

0.0%, 30.0%, 43.3%, 3.1%

OKLCH

0.8106 0.0983 44.9

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#F7AD8C

#8CD6F7

Analogous

#F78CA1

#F7E38C

#F7AD8C

Triadic

#F7AD8C

#8CF7AD

#AD8CF7

Split Complementary

#F7AD8C

#8CF7E3

#8CA1F7

Tetradic

#F7AD8C

#A1F78C

#8CD6F7

#E38CF7

Color Blindness Simulation

Original

#F7AD8C

Protanopia

#D7D694

Deuteranopia

#DBE196

Tritanopia

#F39A9C

Achromatopsia

#BABABA

CSS Usage

background-color: #F7AD8C;
color: #F7AD8C;
border-color: #F7AD8C;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FDF5F2
100
#FAE8E0
200
#FACFBC
300
#F7AD8D
400
#F3814F
500
#EE5511
600
#BF440D
700
#99360B
800
#772A08
900
#56220B
950
#371507

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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