#F4ADE0

#F4ADE0

Color Values

HEX

#F4ADE0

RGB

244, 173, 224

HSL

316.9, 76.3%, 81.8%

HSV

316.9, 29.1%, 95.7%

CMYK

0.0%, 29.1%, 8.2%, 4.3%

OKLCH

0.83 0.1051 337.3

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#F4ADE0

#ADF4C1

Analogous

#E5ADF4

#F4ADBD

#F4ADE0

Triadic

#F4ADE0

#E0F4AD

#ADE0F4

Split Complementary

#F4ADE0

#BDF4AD

#ADF4E5

Tetradic

#F4ADE0

#F4E5AD

#ADF4C1

#ADBDF4

Color Blindness Simulation

Original

#F4ADE0

Protanopia

#D5D5D4

Deuteranopia

#D9DFD1

Tritanopia

#F0CAC8

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FCF2FA
100
#F9E2F2
200
#F7C0E7
300
#F093D6
400
#E959C0
500
#E11EAA
600
#B41888
700
#90136D
800
#700F55
900
#520F3F
950
#340A28

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

11.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026