Recognised as Colour
#3AC336
- #3AC336
- Green
- Dark
- Nearest: Limegreen
#3AC336 is a green with RGB values 58, 195, 54 and HSL 118°, 57%, 49%. It is a dark colour, so black text on it reaches 9:1 contrast (AAA for normal text). The nearest named colour is Limegreen.
Colour values
#3AC336#3AC336
HEX#3AC336
RGBrgb(58, 195, 54)
RGB (0–1)0.2275, 0.7647, 0.2118
RGB percentages22.7%, 76.5%, 21.2%
HSLhsl(118.3, 56.6%, 48.8%)
HSV / HSBhsv(118.3, 72.3%, 76.5%)
CMYK70.3%, 0%, 72.3%, 23.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,851,062
CSS custom property--colour: #3AC336;
Brightness & contrast
Relative luminance0.40196WCAG 2.x, 0 is black and 1 is white
Perceived brightness153.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.04:1
Contrast with white2.32:1WCAG normal text: Fail
Contrast with black9.04:1WCAG normal text: AAA
Greyscale equivalent#9C9C9C
Inverted#C53CC9
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.32:1WCAG large text: Fail
Contrast with black, large text9.04:1WCAG large text: AAA
Named colours
Hue familygreen
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#BF36C3
Analogous#80C336, #36C379
Triadic#363AC3, #C3363A
Split complementary#7936C3, #C33680
Tetradic#3680C3, #BF36C3, #C37936
Tints, shades & saturation
Channel breakdown
R58
G195
B54
Red58 (22.7%)
Green195 (76.5%)
Blue54 (21.2%)
Hue118.3°
Saturation (HSL)56.63%
Lightness48.82%
Dominant channelGreen
Hex per channelR 3A · G C3 · B 36
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