#AF983C

Yellow

HEX

RGB

HSL

About #AF983C Yellow

#AF983C is a yellow color. In the RGB color model, it is composed of 175 red, 152 green, and 60 blue. In the HSL color space, it has a hue of 48°, saturation of 49%, and lightness of 46%.

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

Color Properties

48°

Hue

49%

Saturation

46%

Lightness

Yellow

Color Harmonies

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

Accessibility

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

Aa#AF983C on White
Contrast Ratio2.85:1
AA AA Large AAA
Aa#AF983C on Black
Contrast Ratio7.38:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #AF983C across different color formats.

FormatValue
HEX#AF983C
RGBrgb(175, 152, 60)
HSLhsl(48, 49%, 46%)
RGB Decimal175, 152, 60
RGB Percent68.6%, 59.6%, 23.5%
CMYK (approx.)0%, 13%, 66%, 31%

Related Palettes

12 palettes using #AF983C or similar colors

#241F0F#4E4422#6A6143#AC933E
#202013#44442C#696945#A0A04A
#A79E25#95D147#89E382#BCF6D5
#A48528#B4DB3D#95ED78#BFF2CC
#AD911F#AFE335#92E87D#C1F1CF
#201C13#4E4122#746239#9E854D
#1E2013#4B511F#686F3F#949F4B
#C39622#CADE45#AAE779#AFF0AD
#C39322#CCDE45#ACE779#B0F0AD
#1E2211#424927#6A7934#95AD3E
#C38E22#D1DE45#B0E779#B2F0AD
#1F2013#444928#76812C#929C4E