Maroon Colors  ·  Color Library

Palettes / Colors / #F2AAAA

#F2AAAA — Light Red

#F2AAAA is a red color we call Light Red, closest to the named color LightPink (#FFB6C1). It belongs to the red family.

#F2AAAA is a warm red color associated with energy, passion and urgency. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #ABF2F2; it also sits naturally between #F2ABCF and #F2CFAB. In the palettes below you can see it working alongside real color combinations from our collection.

#F2AAAA · RGB 242, 170, 170

Download PNG swatch SVG

Color values

HEX#F2AAAA
RGB242, 170, 170
HSL0°, 73%, 81%
HSV0°, 30%, 95%
CMYK0%, 30%, 30%, 5%
XYZ58.25, 50.53, 44.71
Yxy50.53, 0.3795, 0.3292
CIE-Lab76.39, 26.46, 10.64
Hunter Lab71.08, 26.08, 8.93

RGB & CMYK percentages

Red 95% · Green 67% · Blue 67%

Cyan 0% · Magenta 30% · Yellow 30% · Key 5%

Previews

Sample text in #F2AAAA on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #F2AAAA on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #F2AAAA

.text { color: #F2AAAA; }
.background { background-color: #F2AAAA; }
.border { border: 3px solid #F2AAAA; }
.text-rgb { color: rgb(242, 170, 170); }
.text-hsl { color: hsl(0, 73%, 81%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #F2AAAA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(242, 170, 170, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #F2AAAA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(242, 170, 170, 0.8); }

HTML: <p style="color:#F2AAAA">Text here</p> · <div style="background-color:#F2AAAA">Div content here</div>

Shades of #F2AAAA

#EC8888#E86969#E24646#DD2222#BE1E1E#9A1818#771313#540D0D#350808#120303

Tints of #F2AAAA

#F3B4B4#F4B8B8#F5C1C1#F6C6C6#F7CECE#F8D3D3#F9DCDC#FAE0E0#FCE9E9#FCEDED

Tones of #F2AAAA

#EDB0B0#E8B5B5#E3BABA#DEC0C0#D9C4C4#D3CACA

Color harmonies

Complementary — #ABF2F2:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.89:1 Fails
Against black text11.11:1 AAA

Best text color on #F2AAAA: #000000.

How #F2AAAA looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #D3D2AADeuteranopia · #D7DCAATritanopia · #EEAAAA

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Grey 500 · #9E9E9ETailwind pink 500 · #EC4899Bootstrap light · #F8F9FA

Palettes with #F2AAAA

Palette Ddf3f5
#DDF3F5 · #A6DCEF · #F2AAAA · #E36387
Palette Fbc6a4
#FBC6A4 · #F4A9A8 · #CE97B0 · #AFB9C8
Palette Dddddd
#DDDDDD · #FAB7B7 · #F5A8A8 · #E19999
Palette 9cf196
#9CF196 · #ECEBA7 · #EBCE95 · #EDAAAA
Honey Ruby Meadow
#179A8D · #37E2C2 · #D51F31 · #EDADAD
Tranquil Ruby
#F29191 · #F7ADAD · #B1E5E6 · #CCFBFA

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#F4A9A8#F5A8A8#EDAAAA#EDADAD#F7ADAD#EEA5A6#EFB1A9#F5AFAF#ECAFAC#ECA6A6#F7A5A5#EDB1AE

Browse neighbouring colors

← #F2AAA9  ·  #F2AAAB →

Frequently asked questions

What color is #F2AAAA?

#F2AAAA is Light Red, a red color (RGB 242, 170, 170). Its closest standard named color is LightPink.

What is the RGB and HSL of #F2AAAA?

#F2AAAA is RGB 242, 170, 170 — HSL 0°, 73%, 81% — CMYK 0%, 30%, 30%, 5%.

What colors go with #F2AAAA?

Its complement is #ABF2F2; analogous partners are #F2ABCF and #F2CFAB. It also appears in 6+ palettes in our collection.

Can I use #F2AAAA for text?

Black text on #F2AAAA has a contrast ratio of 11.11:1 (passes WCAG AA); white text gives 1.89:1.