Named color · #41C379
Googol
Googol is #41C379: rgb(65 195 121), hsl(146 52% 51%), oklch(0.728 0.156 154.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Googol color name →
#41C379
oklch(0.728 0.156 154.3)
Color conversions
- HEX
- #41c379
- RGB
- rgb(65 195 121)
- HSL
- hsl(146 52% 51%)
- HWB
- hwb(146 25% 24%)
- OKLCH
- oklch(0.728 0.156 154.3)
- OKLab
- oklab(0.728 -0.141 0.068)
- CIE Lab
- lab(70.5 -49.56 26.49)
- LCH
- lch(70.5 56.2 151.9)
- CMYK
- cmyk(67% 0% 38% 24%)
Tints · Shades · Tones
Tints
- 5CC986
- 72D094
- 86D6A1
- 98DCAE
- AAE2BC
- BCE8C9
- CDEED6
- DEF4E4
- EEF9F1
Shades
- 37A968
- 2E9058
- 257848
- 1C6039
- 134A2B
- 0B341D
- 052010
- 010E05
- 000201
Tones
- 4EBC7A
- 58B67B
- 60AF7C
- 67A97D
- 6CA27E
- 719B7E
- 76947F
- 7A8E7F
- 7D8780
Color harmonies
Complementary +180°
- 41C379
Googol
- E17ECF
≈ Hibiscus Pop
Analogous -30° +30°
- 41C379
Googol
- 92B739
≈ Grinch Green
- 00C1B1
≈ Turquoise
Triadic +120° +240°
- 41C379
Googol
- 8D9FFF
≈ Periwinkle Blue
- F97E62
≈ Slippery Salmon
Split-complementary +150° +210°
- 41C379
Googol
- BD8CF6
≈ Liliac
- F6799B
≈ Pink Sherbet
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.25:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.30:1 · APCA Lc 58
Best text color: #000000
WCAG 9.30:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
CSS
:root {
--googol: #41c379;
--googol-rgb: 65 195 121;
--googol-oklch: oklch(0.728 0.156 154.3);
}
.element {
color: var(--googol);
background-color: hsl(146 52% 51%);
border-color: oklch(0.728 0.156 154.3);
}Tailwind CSS v4
@theme {
--color-googol: #41c379;
--color-googol-50: #d2ffe3;
--color-googol-100: #bef8d3;
--color-googol-200: #9ce9b9;
--color-googol-300: #6dcf96;
--color-googol-400: #3fb973;
--color-googol-500: #00a253;
--color-googol-600: #008947;
--color-googol-700: #006e39;
--color-googol-800: #005126;
--color-googol-900: #003819;
--color-googol-950: #00230a;
}SCSS
$googol: #41c379;
$googol-rgb: 65, 195, 121;
$googol-light: mix(#fff, $googol, 20%);
$googol-dark: mix(#000, $googol, 20%);
.element {
color: $googol;
box-shadow: 0 0 0 2px rgba($googol, 0.35);
}