#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

Şub 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026