#EDB689

Orange

HEX

RGB

HSL

About #EDB689 Orange

#EDB689 is a orange color. In the RGB color model, it is composed of 237 red, 182 green, and 137 blue. In the HSL color space, it has a hue of 27°, saturation of 74%, and lightness of 73%.

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 #EDB689 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

27°

Hue

74%

Saturation

73%

Lightness

Orange

Color Harmonies

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

Accessibility

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

Aa#EDB689 on White
Contrast Ratio1.8:1
AA AA Large AAA
Aa#EDB689 on Black
Contrast Ratio11.65:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #EDB689 across different color formats.

FormatValue
HEX#EDB689
RGBrgb(237, 182, 137)
HSLhsl(27, 74%, 73%)
RGB Decimal237, 182, 137
RGB Percent92.9%, 71.4%, 53.7%
CMYK (approx.)0%, 23%, 42%, 7%

Related Palettes

12 palettes using #EDB689 or similar colors

#AC2061#DE403B#E3B682#EFF1C1
#D92662#E05D52#E8B37D#F0EAA8
#B3195E#E43D35#E9B87C#EEF0C1
#B81456#E24836#E2BC83#ECF1C1
#E9B998#F1E3BE#E1E5AB#D4EAB3
#A42864#E73532#ECB479#F3F4BD
#B51766#D54343#ECB379#F5F5BD
#A62653#E44F34#E3C182#EBF3BE
#B11B4F#D75841#E2C183#EBF3BE
#EFB9D0#EEA8AE#EAAA95#E7CAA0
#B11B70#E53440#E9AB7C#F2EFBF
#B51776#DB3E4D#E4A981#F3EDBF