#BAAE5E

Yellow

HEX

RGB

HSL

About #BAAE5E Yellow

#BAAE5E is a yellow color. In the RGB color model, it is composed of 186 red, 174 green, and 94 blue. In the HSL color space, it has a hue of 52°, saturation of 40%, and lightness of 55%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code

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

Color Properties

52°

Hue

40%

Saturation

55%

Lightness

Yellow

Color Harmonies

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

Accessibility

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

Aa#BAAE5E on White
Contrast Ratio2.26:1
AA AA Large AAA
Aa#BAAE5E on Black
Contrast Ratio9.3:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BAAE5E across different color formats.

FormatValue
HEX#BAAE5E
RGBrgb(186, 174, 94)
HSLhsl(52, 40%, 55%)
RGB Decimal186, 174, 94
RGB Percent72.9%, 68.2%, 36.9%
CMYK (approx.)0%, 6%, 49%, 27%

Related Palettes

12 palettes using #BAAE5E or similar colors

#CE8478#BFB665#79D24A#58C182
#C74C98#CE6555#B6AA52#76BE4D
#C5A660#9DC669#72C983#5CCCC6
#9C4BBC#C84289#CC5635#BEBB66
#6F4E44#9F7750#BFA96E#D2D199
#BFBF5E#69B84F#58B988#6AB6D0
#C8683F#BBC05C#7BC06A#7FCCA9
#B34CA2#C05860#C6A76A#A1C96A
#D561B2#BF524C#C6AF50#7DC542
#D8886F#C1BF5B#79BC61#59CB90
#C772BA#D25C68#C09C5B#8EB652
#CA7B7E#CBA856#98C661#62C977