#F8B6AB

#F8B6AB

Color Values

HEX

#F8B6AB

RGB

248, 182, 171

HSL

8.6, 84.6%, 82.2%

HSV

8.6, 31.0%, 97.3%

CMYK

0.0%, 26.6%, 31.0%, 2.7%

OKLCH

0.8345 0.0789 29.5

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#F8B6AB

#ABEDF8

Analogous

#F8ABC7

#F8DDAB

#F8B6AB

Triadic

#F8B6AB

#ABF8B6

#B6ABF8

Split Complementary

#F8B6AB

#ABF8DD

#ABC7F8

Tetradic

#F8B6AB

#C7F8AB

#ABEDF8

#DDABF8

Color Blindness Simulation

Original

#F8B6AB

Protanopia

#DBDBAE

Deuteranopia

#DFE4AE

Tritanopia

#F5B0B0

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE4E0
200
#FAC6BD
300
#F69D8E
400
#F06851
500
#EB3314
600
#BC2810
700
#97200D
800
#76190A
900
#55160C
950
#360E07

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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