greenwarmCC0 survey name

Frog Green #58BC08

Frog Green is a mid-tone, vivid warm color (#58BC08; HSL 93° 92% 38%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “frog green”.

Use cases: Success states · Nature brands

Open in generator →

Families: Greens · Olive Colors

Color values

FormatValue
HEX#58BC08
RGBrgb(88, 188, 8)
HSLhsl(93, 92%, 38%)
HSVhsv(93, 96%, 74%)
OKLCHoklch(70.65% 0.211 136.7)
OKLaboklab(70.65% -0.1537 0.1447)
CMYKcmyk(53.2%, 0%, 95.7%, 26.3%)
XYZxyz(22.0509, 38.057, 6.4134)
CIE-LABlab(68.1, -55.1, 67.1)
CIE-LCHlch(68.1, 86.8, 129.4°)
Luminance0.381 (WCAG relative)
/* Frog Green */ --frog-green: #58bc08; color: #58bc08; background-color: #58bc08;

Source: xkcd color survey name (public domain, CC0). CSS keyword: froggreen.

Collections: Vibrant Colors · Jewel Tone Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#50a70f #489313 #418015 #396d15 #315a15 #294814 #213712 #19260f #111708 #000000

Tints (toward white)

#6dc333 #80ca4d #92d165 #a3d87b #b3de91 #c3e5a7 #d2ecbd #e2f2d3 #f0f9e9 #ffffff

Tones (toward gray)

#64ba29 #6fb83c #78b64c #80b45a #88b268 #8fb074 #95ad81 #9bab8d #a1a89a #a6a6a6

Color harmonies

Complementary

Edit in generator →
#58BC08
#6C08BC
#58bc08 #6c08bc

Analogous

Edit in generator →
#B2BC08
#58BC08
#08BC12
#b2bc08 #58bc08 #08bc12

Triadic

Edit in generator →
#58BC08
#0858BC
#BC0858
#58bc08 #0858bc #bc0858

Tetradic

Edit in generator →
#58BC08
#08B2BC
#6C08BC
#BC1208
#58bc08 #08b2bc #6c08bc #bc1208

Square

Edit in generator →
#58BC08
#08B2BC
#6C08BC
#BC1208
#58bc08 #08b2bc #6c08bc #bc1208

Split Complementary

Edit in generator →
#58BC08
#1208BC
#BC08B2
#58bc08 #1208bc #bc08b2

Monochromatic

Edit in generator →
#214703
#3D8106
#58BC08
#74F50D
#95F747
#214703 #3d8106 #58bc08 #74f50d #95f747

Accessibility & contrast

2.44
#58BC08 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
8.61
#58BC08 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on frog green

8.61
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#C3AB00
Deuteranopia (green-blind)
#B6A32A
Tritanopia (blue-blind)
#52B59F

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Kelly Green #4CBB171.55
Kermit Green #5CB2002.80
Leafy Green #51B73B4.43
Apple #6ECB3C4.76
Apple Green #76CD265.15
Grass #5CAC2D5.18

Colors that go with frog green

Top matches by hue harmony, contrast and saturation compatibility.

Key Lime #AEFF6E
2.0:1
Same hue family as frog green (Δh 0°) — guaranteed harmony
Taupe #8B7D6B
1.6:1
Warm/cool bridge (Δh 60°) — adds depth without tension
1.9:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Deep Blue #040273
6.8:1
Split-complementary angle (Δh ≈148°) — strong but softer than direct complement
Indigo #4B0082
5.3:1
Complementary hue (Δh ≈179°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.