#F0AAA3

#F0AAA3

Color Values

HEX

#F0AAA3

RGB

240, 170, 163

HSL

5.5, 72.0%, 79.0%

HSV

5.5, 32.1%, 94.1%

CMYK

0.0%, 29.2%, 32.1%, 5.9%

OKLCH

0.8027 0.0837 25.5

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#F0AAA3

#A3E9F0

Analogous

#F0A3C2

#F0D1A3

#F0AAA3

Triadic

#F0AAA3

#A3F0AA

#AAA3F0

Split Complementary

#F0AAA3

#A3F0D1

#A3C2F0

Tetradic

#F0AAA3

#C2F0A3

#A3E9F0

#D1A3F0

Color Blindness Simulation

Original

#F0AAA3

Protanopia

#D2D1A5

Deuteranopia

#D6DBA5

Tritanopia

#ECA6A6

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E4E2
200
#F5C6C2
300
#EE9E96
400
#E5695D
500
#DB3524
600
#AF2A1D
700
#8C2217
800
#6E1A12
900
#501711
950
#320E0B

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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