#F2A68D

Orange

HEX

RGB

HSL

About #F2A68D Orange

#F2A68D is a orange color. In the RGB color model, it is composed of 242 red, 166 green, and 141 blue. In the HSL color space, it has a hue of 15°, 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 #F2A68D in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

15°

Hue

80%

Saturation

75%

Lightness

Orange

Color Harmonies

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

Accessibility

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

Aa#F2A68D on White
Contrast Ratio1.98:1
AA AA Large AAA
Aa#F2A68D on Black
Contrast Ratio10.61:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F2A68D across different color formats.

FormatValue
HEX#F2A68D
RGBrgb(242, 166, 141)
HSLhsl(15, 80%, 75%)
RGB Decimal242, 166, 141
RGB Percent94.9%, 65.1%, 55.3%
CMYK (approx.)0%, 31%, 42%, 5%

Related Palettes

12 palettes using #F2A68D or similar colors

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