#F7AB8D

#F7AB8D

Color Values

HEX

#F7AB8D

RGB

247, 171, 141

HSL

17.0, 86.9%, 76.1%

HSV

17.0, 42.9%, 96.9%

CMYK

0.0%, 30.8%, 42.9%, 3.1%

OKLCH

0.8072 0.0991 42.4

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#F7AB8D

#8DD9F7

Analogous

#F78DA4

#F7E08D

#F7AB8D

Triadic

#F7AB8D

#8DF7AB

#AB8DF7

Split Complementary

#F7AB8D

#8DF7E0

#8DA4F7

Tetradic

#F7AB8D

#A4F78D

#8DD9F7

#E08DF7

Color Blindness Simulation

Original

#F7AB8D

Protanopia

#D6D594

Deuteranopia

#DAE096

Tritanopia

#F39A9B

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FDF5F2
100
#FAE7E0
200
#FACEBC
300
#F7AB8D
400
#F37D4F
500
#EE4F11
600
#BF400D
700
#99330B
800
#772808
900
#56200B
950
#371407

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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