#696E12

Yellow

HEX

RGB

HSL

About #696E12 Yellow

#696E12 is a yellow color. In the RGB color model, it is composed of 105 red, 110 green, and 18 blue. In the HSL color space, it has a hue of 63°, saturation of 72%, and lightness of 25%.

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 #696E12 in your CSS, SCSS, or Tailwind projects.

Color Properties

63°

Hue

72%

Saturation

25%

Lightness

Yellow

Color Harmonies

Colors that work well with #696E12 based on color theory.

Accessibility

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

Aa#696E12 on White
Contrast Ratio5.47:1
AA AA Large AAA
Aa#696E12 on Black
Contrast Ratio3.84:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #696E12 across different color formats.

FormatValue
HEX#696E12
RGBrgb(105, 110, 18)
HSLhsl(63, 72%, 25%)
RGB Decimal105, 110, 18
RGB Percent41.2%, 43.1%, 7.1%
CMYK (approx.)5%, 0%, 84%, 57%

Related Palettes

12 palettes using #696E12 or similar colors

#1E280B#3A481E#5B7722#738D3F
#F4DFB6#DE8F5F#9E6F21#644E19
#1F2013#444928#76812C#929C4E
#1E250E#404B25#667C32#819357
#221E11#4B4226#816E2C#938558
#1E2211#424927#6A7934#95AD3E
#1F1D14#4E4722#7D7030#968B54
#665D33#8C9056#A2B082#BDD0AF
#1A1F14#3B541D#5A7D31#7BAC3F
#24220F#45432B#767237#959056
#1D2310#414E22#637439#86A04A
#1F260D#3E4729#627439#8CAE3D