#F2BE88

Orange

HEX

RGB

HSL

About #F2BE88 Orange

#F2BE88 is a orange color. In the RGB color model, it is composed of 242 red, 190 green, and 136 blue. In the HSL color space, it has a hue of 31°, saturation of 80%, and lightness of 74%.

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

Use #F2BE88 in your CSS, SCSS, or Tailwind projects.

Color Properties

31°

Hue

80%

Saturation

74%

Lightness

Orange

Color Harmonies

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

Accessibility

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

Aa#F2BE88 on White
Contrast Ratio1.68:1
AA AA Large AAA
Aa#F2BE88 on Black
Contrast Ratio12.5:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F2BE88 across different color formats.

FormatValue
HEX#F2BE88
RGBrgb(242, 190, 136)
HSLhsl(31, 80%, 74%)
RGB Decimal242, 190, 136
RGB Percent94.9%, 74.5%, 53.3%
CMYK (approx.)0%, 21%, 44%, 5%

Related Palettes

12 palettes using #F2BE88 or similar colors

#B3195E#E43D35#E9B87C#EEF0C1
#A52757#D65443#ECC079#EEF4BD
#A62653#E44F34#E3C182#EBF3BE
#B81456#E24836#E2BC83#ECF1C1
#B11B4F#D75841#E2C183#EBF3BE
#EA9AA0#EDBFAF#EAC795#E1DCA2
#F9F5EB#E4C988#C57B57#78593F
#AC2061#DE403B#E3B682#EFF1C1
#D92662#E05D52#E8B37D#F0EAA8
#B01C46#D9613F#E4C881#E9F5BC
#C32240#DE6845#E7C179#ECF0AD
#A42864#E73532#ECB479#F3F4BD