#F2ADE3

#F2ADE3

Color Values

HEX

#F2ADE3

RGB

242, 173, 227

HSL

313.0, 72.6%, 81.4%

HSV

313.0, 28.5%, 94.9%

CMYK

0.0%, 28.5%, 6.2%, 5.1%

OKLCH

0.829 0.106 334.5

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#F2ADE3

#ADF2BC

Analogous

#DEADF2

#F2ADC1

#F2ADE3

Triadic

#F2ADE3

#E3F2AD

#ADE3F2

Split Complementary

#F2ADE3

#C1F2AD

#ADF2DE

Tetradic

#F2ADE3

#F2DEAD

#ADF2BC

#ADC1F2

Color Blindness Simulation

Original

#F2ADE3

Protanopia

#D4D4D6

Deuteranopia

#D8DDD3

Tritanopia

#EFCCC9

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FCF3FA
100
#F8E2F3
200
#F5C1EA
300
#EE95DB
400
#E55CC7
500
#DC23B4
600
#B01C90
700
#8D1673
800
#6E115A
900
#501142
950
#330B2A

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.86:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026