#F0AAD3

#F0AAD3

Color Values

HEX

#F0AAD3

RGB

240, 170, 211

HSL

324.9, 70.0%, 80.4%

HSV

324.9, 29.2%, 94.1%

CMYK

0.0%, 29.2%, 12.1%, 5.9%

OKLCH

0.8164 0.0969 343.5

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#F0AAD3

#AAF0C7

Analogous

#EAAAF0

#F0AAB0

#F0AAD3

Triadic

#F0AAD3

#D3F0AA

#AAD3F0

Split Complementary

#F0AAD3

#B0F0AA

#AAF0EA

Tetradic

#F0AAD3

#F0EAAA

#AAF0C7

#AAB0F0

Color Blindness Simulation

Original

#F0AAD3

Protanopia

#D2D1C9

Deuteranopia

#D6DBC7

Tritanopia

#ECC1C0

Achromatopsia

#BCBCBC

CSS Usage

background-color: #F0AAD3;
color: #F0AAD3;
border-color: #F0AAD3;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FCF3F8
100
#F8E3EF
200
#F4C2E0
300
#ED97C9
400
#E35FAC
500
#D9268F
600
#AD1F72
700
#8B185B
800
#6C1347
900
#4F1236
950
#320B22

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026