#F0AE94

#F0AE94

Color Values

HEX

#F0AE94

RGB

240, 174, 148

HSL

17.0, 75.4%, 76.1%

HSV

17.0, 38.3%, 94.1%

CMYK

0.0%, 27.5%, 38.3%, 5.9%

OKLCH

0.8065 0.0858 42.4

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#F0AE94

#94D6F0

Analogous

#F094A8

#F0DC94

#F0AE94

Triadic

#F0AE94

#94F0AE

#AE94F0

Split Complementary

#F0AE94

#94F0DC

#94A8F0

Tetradic

#F0AE94

#A8F094

#94D6F0

#DC94F0

Color Blindness Simulation

Original

#F0AE94

Protanopia

#D3D39A

Deuteranopia

#D7DC9C

Tritanopia

#ED9FA0

Achromatopsia

#BABABA

CSS Usage

background-color: #F0AE94;
color: #F0AE94;
border-color: #F0AE94;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FCF5F2
100
#F9E8E2
200
#F6D0C0
300
#F0AE94
400
#E8825A
500
#E0561F
600
#B34519
700
#8F3714
800
#702B10
900
#512210
950
#33160A

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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