#F3AAD4

#F3AAD4

Color Values

HEX

#F3AAD4

RGB

243, 170, 212

HSL

325.5, 75.3%, 81.0%

HSV

325.5, 30.0%, 95.3%

CMYK

0.0%, 30.0%, 12.8%, 4.7%

OKLCH

0.8199 0.1004 344.1

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#F3AAD4

#AAF3C9

Analogous

#EEAAF3

#F3AAB0

#F3AAD4

Triadic

#F3AAD4

#D4F3AA

#AAD4F3

Split Complementary

#F3AAD4

#B0F3AA

#AAF3EE

Tetradic

#F3AAD4

#F3EEAA

#AAF3C9

#AAB0F3

Color Blindness Simulation

Original

#F3AAD4

Protanopia

#D3D3CA

Deuteranopia

#D8DDC7

Tritanopia

#EFC2C0

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E2EF
200
#F6C0DF
300
#F094C9
400
#E85AAB
500
#E01F8E
600
#B31972
700
#8F145B
800
#701047
900
#511035
950
#330A22

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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