Recognised as Colour
#30A057
- #30A057
- Green
- Dark
- Nearest: Medium seagreen
#30A057 is a green with RGB values 48, 160, 87 and HSL 141°, 54%, 41%. It is a dark colour, so black text on it reaches 6.3:1 contrast (AA for normal text). The nearest named colour is Medium seagreen.
Colour values
#30A057#30A057
HEX#30A057
RGBrgb(48, 160, 87)
RGB (0–1)0.1882, 0.6275, 0.3412
RGB percentages18.8%, 62.7%, 34.1%
HSLhsl(140.9, 53.8%, 40.8%)
HSV / HSBhsv(140.9, 70%, 62.7%)
CMYK70%, 0%, 45.6%, 37.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,186,775
CSS custom property--colour: #30A057;
Brightness & contrast
Relative luminance0.26458WCAG 2.x, 0 is black and 1 is white
Perceived brightness128.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 6.29:1
Contrast with white3.34:1WCAG normal text: Fail
Contrast with black6.29:1WCAG normal text: AA
Greyscale equivalent#838383
Inverted#CF5FA8
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.34:1WCAG large text: AA
Contrast with black, large text6.29:1WCAG large text: AAA
Named colours
Hue familygreen
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#A03079
Analogous#41A030, #30A08F
Triadic#5730A0, #A05730
Split complementary#8F30A0, #A03041
Tetradic#3041A0, #A03079, #A08F30
Tints, shades & saturation
Channel breakdown
R48
G160
B87
Red48 (18.8%)
Green160 (62.7%)
Blue87 (34.1%)
Hue140.89°
Saturation (HSL)53.85%
Lightness40.78%
Dominant channelGreen
Hex per channelR 30 · G A0 · B 57
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page