#F8ADA6

#F8ADA6

Color Values

HEX

#F8ADA6

RGB

248, 173, 166

HSL

5.1, 85.4%, 81.2%

HSV

5.1, 33.1%, 97.3%

CMYK

0.0%, 30.2%, 33.1%, 2.7%

OKLCH

0.8173 0.0893 25.1

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#F8ADA6

#A6F1F8

Analogous

#F8A6C8

#F8D6A6

#F8ADA6

Triadic

#F8ADA6

#A6F8AD

#ADA6F8

Split Complementary

#F8ADA6

#A6F8D6

#A6C8F8

Tetradic

#F8ADA6

#C8F8A6

#A6F1F8

#D6A6F8

Color Blindness Simulation

Original

#F8ADA6

Protanopia

#D8D7A8

Deuteranopia

#DCE2A8

Tritanopia

#F4A9A9

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE2E0
200
#FAC2BD
300
#F6968E
400
#F15E50
500
#EC2513
600
#BD1E0F
700
#97180C
800
#761309
900
#56120B
950
#360B07

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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