Skip to content

#EAB308 HEX Color

#EAB308rgb(234, 179, 8)
#EAB308 color swatch

About #EAB308

#EAB308 (#EAB308) is a warm, mid, vivid yellow tone with a hue of 45°, saturation of 93% and lightness of 47%. It works well for highlights and friendly designs and conveys a cheerful feeling. On a white background it reaches a contrast ratio of 1.92:1, while on black it reaches 10.95:1 — so prefer black text when using #EAB308 as a background.

Color Codes

HEX#EAB308
RGBrgb(234, 179, 8)
HSLhsl(45°, 93%, 47%)
CMYKcmyk(0%, 24%, 97%, 8%)
CIELABLab(75.9, 7.7, 77.6)

Accessibility & Contrast

On white
1.92:1
AA Normalfails
AA Largefails
AAA Normalfails
AAA Largefails
On black
10.95:1
AA Normalpasses
AA Largepasses
AAA Normalpasses
AAA Largepasses

Recommendation: when using #EAB308 as a background, use black text for the highest contrast.

Color Schemes

Tints & Shades

CSS Code Snippets

background-color: #EAB308;
color: #EAB308;
border: 2px solid #EAB308;
background: linear-gradient(135deg, #EAB308, #083fea);

Code Export

css
:root {
  --color-primary: #eab308;
  --color-primary-rgb: 234, 179, 8;
  --color-primary-hsl: 45, 93%, 47%;
}

Explore Color Tools

Related Tools

Related Combinations

Frequently Asked Questions

What is the name of color #EAB308?

Color #EAB308 does not have an official CSS name. It is a warm, mid, vivid yellow tone (HSL 45°, 93%, 47%).

Is #EAB308 a warm or cool color?

#EAB308 (#EAB308) is a warm color. With a hue of 45°, it falls in the yellow family.

What colors go well with #EAB308?

Colors that pair well with #EAB308 (#EAB308) include its complementary color (#083FEA), neutral whites and warm creams, and analogous yellow tones for harmonious palettes.