#F4AEB4

#F4AEB4

Color Values

HEX

#F4AEB4

RGB

244, 174, 180

HSL

354.9, 76.1%, 82.0%

HSV

354.9, 28.7%, 95.7%

CMYK

0.0%, 28.7%, 26.2%, 4.3%

OKLCH

0.8184 0.0824 13.4

Properties

Warm Light Nearest: lightpink

Color Harmonies

Complementary

#F4AEB4

#AEF4EE

Analogous

#F4AED7

#F4CBAE

#F4AEB4

Triadic

#F4AEB4

#B4F4AE

#AEB4F4

Split Complementary

#F4AEB4

#AEF4CB

#AED7F4

Tetradic

#F4AEB4

#D7F4AE

#AEF4EE

#CBAEF4

Color Blindness Simulation

Original

#F4AEB4

Protanopia

#D6D5B3

Deuteranopia

#DADFB2

Tritanopia

#F0B1B1

Achromatopsia

#BDBDBD

CSS Usage

background-color: #F4AEB4;
color: #F4AEB4;
border-color: #F4AEB4;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FCF2F3
100
#F9E2E4
200
#F6C0C5
300
#F0939B
400
#E85965
500
#E11E2F
600
#B41826
700
#90141E
800
#700F17
900
#520F15
950
#340A0D

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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