#F2A98D

Orange

HEX

RGB

HSL

About #F2A98D Orange

#F2A98D is a orange color. In the RGB color model, it is composed of 242 red, 169 green, and 141 blue. In the HSL color space, it has a hue of 17°, saturation of 80%, and lightness of 75%.

This color has a high lightness value, making it a light color suitable for backgrounds. With high saturation, it appears vibrant and eye-catching.

CSS Code & Gradients

Use #F2A98D in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

17°

Hue

80%

Saturation

75%

Lightness

Orange

Color Harmonies

Colors that work well with #F2A98D based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #F2A98D against white and black backgrounds.

Aa#F2A98D on White
Contrast Ratio1.94:1
AA AA Large AAA
Aa#F2A98D on Black
Contrast Ratio10.84:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F2A98D across different color formats.

FormatValue
HEX#F2A98D
RGBrgb(242, 169, 141)
HSLhsl(17, 80%, 75%)
RGB Decimal242, 169, 141
RGB Percent94.9%, 66.3%, 55.3%
CMYK (approx.)0%, 30%, 42%, 5%

Related Palettes

12 palettes using #F2A98D or similar colors

#EFB9D0#EEA8AE#EAAA95#E7CAA0
#E7B0E0#EAADCE#E799A8#EAA398
#B51776#DB3E4D#E4A981#F3EDBF
#B21A75#E33547#E3A982#F2EDBF
#E7B6E4#F1B0D8#E8B2C2#EA9D99
#B6167B#E3354C#E5A580#F4EDBD
#A52777#DA3F53#E3A682#F4EDBD
#A42874#E1384C#E1A884#F5EEBD
#B11B70#E53440#E9AB7C#F2EFBF
#A82471#DB3E4B#EAA97B#F6F1BC
#E8A89E#E8BF9B#EFE5BF#DCE69B
#E8AE9F#EDCFAC#EADF98#E0EDAA