#98A030

Yellow

HEX

RGB

HSL

About #98A030 Yellow

#98A030 is a yellow color. In the RGB color model, it is composed of 152 red, 160 green, and 48 blue. In the HSL color space, it has a hue of 64°, saturation of 54%, and lightness of 41%.

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 & Gradients

Use #98A030 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

64°

Hue

54%

Saturation

41%

Lightness

Yellow

Color Harmonies

Colors that work well with #98A030 based on color theory.

Accessibility

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

Aa#98A030 on White
Contrast Ratio2.84:1
AA AA Large AAA
Aa#98A030 on Black
Contrast Ratio7.41:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #98A030 across different color formats.

FormatValue
HEX#98A030
RGBrgb(152, 160, 48)
HSLhsl(64, 54%, 41%)
RGB Decimal152, 160, 48
RGB Percent59.6%, 62.7%, 18.8%
CMYK (approx.)5%, 0%, 70%, 37%

Related Palettes

12 palettes using #98A030 or similar colors

#9EA923#7FDC3D#81E489#C0F1DD
#8EA824#6BDF39#76EF8E#BFF2E3
#9EAA22#80D544#78ED82#C1F1DD
#A79E25#95D147#89E382#BCF6D5
#1E2211#424927#6A7934#95AD3E
#A5A824#8AD544#83E284#BDF4DA
#A0AB21#80D445#82E38A#C1F0DD
#93AD1F#6EDF39#7EE791#C0F1E2
#9EAD1F#7DD742#7BEA86#BDF5DE
#1F260D#3E4729#627439#8CAE3D
#8FAE1E#6CD642#78ED91#BEF3E4
#232210#4C4824#6E6A40#A29B48