Maroon Colors  ·  Color Library

Palettes / Colors / #F2ADA6

#F2ADA6 — Light Red

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

#F2ADA6 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 #A6EBF2; it also sits naturally between #F2A6C4 and #F2D4A6. In the palettes below you can see it working alongside real color combinations from our collection.

#F2ADA6 · RGB 242, 173, 166

Download PNG swatch SVG

Color values

HEX#F2ADA6
RGB242, 173, 166
HSL6°, 75%, 80%
HSV6°, 31%, 95%
CMYK0%, 29%, 31%, 5%
XYZ58.44, 51.52, 42.94
Yxy51.52, 0.3822, 0.3369
CIE-Lab76.99, 24.35, 13.66
Hunter Lab71.78, 23.95, 11.28

RGB & CMYK percentages

Red 95% · Green 68% · Blue 65%

Cyan 0% · Magenta 29% · Yellow 31% · Key 5%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

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

CSS code for #F2ADA6

.text { color: #F2ADA6; }
.background { background-color: #F2ADA6; }
.border { border: 3px solid #F2ADA6; }
.text-rgb { color: rgb(242, 173, 166); }
.text-hsl { color: hsl(6, 75%, 80%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #F2ADA6; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(242, 173, 166, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #F2ADA6; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(242, 173, 166, 0.8); }

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

Shades of #F2ADA6

#ED8D82#E97063#E4503F#DF3320#BB2B1B#982316#781C11#55130C#360C08#120403

Tints of #F2ADA6

#F4B6AF#F4BAB3#F5C2BC#F6C6C1#F7CEC9#F9D6D2#F9DAD7#FBE2E0#FBE7E4#FCEFED

Tones of #F2ADA6

#EDB2AB#E8B6B0#E2BAB6#DCBFBC#D7C3C1#D2C8C6

Color harmonies

Complementary — #A6EBF2:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.86:1 Fails
Against black text11.30:1 AAA

Best text color on #F2ADA6: #000000.

How #F2ADA6 looks with color blindness

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

Protanopia · #D4D4A8Deuteranopia · #D8DDA8Tritanopia · #EFA9A9

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 a similar color

These palettes use a close neighbour of #F2ADA6 rather than the exact color:

Palette Fbc6a4
#FBC6A4 · #F4A9A8 · #CE97B0 · #AFB9C8
Palette Ddf3f5
#DDF3F5 · #A6DCEF · #F2AAAA · #E36387
Frozen Ruby Monsoon
#18A2CD · #73EEEE · #EC7F5D · #EFB1A9
Palette Dddddd
#DDDDDD · #FAB7B7 · #F5A8A8 · #E19999
Palette 9cf196
#9CF196 · #ECEBA7 · #EBCE95 · #EDAAAA
Vivid Ruby Ember
#12A7AC · #6DEDEF · #D71D17 · #F0B4A8

Similar colors

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

#F4A9A8#F2AAAA#EFB1A9#F5A8A8#EDAAAA#F0B4A8#EDADAD#F7ADAD#ECAFAC#EEA5A6#ECA6A6#ECB4A7

Browse neighbouring colors

← #F2ADA5  ·  #F2ADA7 →

Frequently asked questions

What color is #F2ADA6?

#F2ADA6 is Light Red, a red color (RGB 242, 173, 166). Its closest standard named color is LightPink.

What is the RGB and HSL of #F2ADA6?

#F2ADA6 is RGB 242, 173, 166 — HSL 6°, 75%, 80% — CMYK 0%, 29%, 31%, 5%.

What colors go with #F2ADA6?

Its complement is #A6EBF2; analogous partners are #F2A6C4 and #F2D4A6. It also appears in 6+ palettes in our collection.

Can I use #F2ADA6 for text?

Black text on #F2ADA6 has a contrast ratio of 11.30:1 (passes WCAG AA); white text gives 1.86:1.