#57A800
A dark, vivid green closely aligning with Yellowgreen.
About #57A800
At its core, #57A800 is a dark and vivid hue. Designers often compare it to the standard color Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 168, and 0.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 48% Cyan, 0% Magenta, 100% Yellow, and 34% Black. The HSL representation is 88.9° hue, 100.0% saturation, and 32.9% lightness.
When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#57A800
RGB87, 168, 0
HSL88.9°, 100.0%, 32.9%
CMYK48%, 0%, 100%, 34%
HSV88.9°, 100.0%, 65.9%
LAB61.7, -48.1, 63.0
XYZ17.9, 30.0, 4.9
Decimal5744640
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.00:1
Text on #FFFFFF
FAIL
7.01:1
Text on #000000
AAA
2.86:1
Text on #F8FAFC
FAIL
5.96:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #57A800;
}
.text-color {
color: #57A800;
}
.border-color {
border: 2px solid #57A800;
}