#9E6700

Vivid Yellow

HEX

RGB

HSL

About #9E6700 Vivid Yellow

#9E6700 is a vivid yellow color. In the RGB color model, it is composed of 158 red, 103 green, and 0 blue. In the HSL color space, it has a hue of 39°, saturation of 100%, and lightness of 31%.

This color has a low lightness value, making it a dark color great for text and bold accents. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #9E6700 in your CSS, SCSS, or Tailwind projects.

Color Properties

39°

Hue

100%

Saturation

31%

Lightness

Vivid Yellow

Color Harmonies

Colors that work well with #9E6700 based on color theory.

Accessibility

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

Aa#9E6700 on White
Contrast Ratio4.78:1
AA AA Large AAA
Aa#9E6700 on Black
Contrast Ratio4.39:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #9E6700 across different color formats.

FormatValue
HEX#9E6700
RGBrgb(158, 103, 0)
HSLhsl(39, 100%, 31%)
RGB Decimal158, 103, 0
RGB Percent62.0%, 40.4%, 0.0%
CMYK (approx.)0%, 35%, 100%, 38%

Related Palettes

12 palettes using #9E6700 or similar colors

#B1661B#DCDC3D#B3EE77#C0F2C0
#B26E1A#DCE534#ADEE77#BCF5BF
#F4DFB6#DE8F5F#9E6F21#644E19
#B1731B#D5E335#AAE87D#BDF4C2
#AC7B20#BFD543#A2EA7B#BCF6C5
#AE801E#B9D445#A0E67F#BEF3C8
#A64A26#E3BD36#CAEA7B#C9F4BD
#B44118#D6B443#CCEA7B#C9F5BC
#C36822#DEC745#CAE779#C2F0AD
#A48528#B4DB3D#95ED78#BFF2CC
#C36B22#DECA45#C8E779#C1F0AD
#C36D22#DECC45#C6E779#C0F0AD