#AFD333
A medium, moderate yellow closely aligning with Yellowgreen.
About #AFD333
At its core, #AFD333 is a medium and moderate hue. It is closely associated with the named CSS color Yellowgreen. This translates to an RGB value of rgb(175, 211, 51).
If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 17% cyan and 0% magenta inks. The HSL representation is 73.5° hue, 64.5% saturation, and 51.4% lightness.
Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #000000 text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#AFD333
RGB175, 211, 51
HSL73.5°, 64.5%, 51.4%
CMYK17%, 0%, 76%, 17%
HSV73.5°, 75.8%, 82.7%
LAB79.6, -32.4, 69.6
XYZ41.6, 55.9, 11.7
Decimal11522867
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.72:1
Text on #FFFFFF
FAIL
12.19:1
Text on #000000
AAA
1.65:1
Text on #F8FAFC
FAIL
10.36:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #AFD333;
}
.text-color {
color: #AFD333;
}
.border-color {
border: 2px solid #AFD333;
}