Nearest named color · #00B300
#00B300
Nearest named color: Green Glimmer
#00B300 (rgb(0 179 0), hsl(120 100% 35%), oklch(0.664 0.226 142.5)) is closest to the named color Green Glimmer. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00B300
oklch(0.664 0.226 142.5)
Color conversions
- HEX
- #00b300
- RGB
- rgb(0 179 0)
- HSL
- hsl(120 100% 35%)
- HWB
- hwb(120 0% 30%)
- OKLCH
- oklch(0.664 0.226 142.5)
- OKLab
- oklab(0.664 -0.179 0.138)
- CIE Lab
- lab(63.6 -60.78 62.1)
- LCH
- lch(63.6 86.9 134.4)
- CMYK
- cmyk(100% 0% 100% 30%)
Tints · Shades · Tones
Tints
- 3CBB37
- 59C453
- 72CC6B
- 88D381
- 9DDB97
- B1E3AC
- C5EAC1
- D8F1D6
- ECF8EA
Shades
- 009B00
- 008400
- 006E00
- 005800
- 004300
- 002F00
- 001D00
- 000C00
- 000100
Tones
- 2BAE27
- 3EAA38
- 4BA546
- 56A051
- 5F9B5A
- 679663
- 6E916B
- 758B72
- 7B8679
Color harmonies
Complementary +180°
- 00B300
Green Glimmer
- D156E2
≈ Thick Pink
Analogous -30° +30°
- 00B300
Green Glimmer
- 969C00
≈ Pea Soup
- 00AC8B
≈ Arcadia
Triadic +120° +240°
- 00B300
Green Glimmer
- 568EFF
≈ Skinny Jeans
- FF434F
≈ Sunburnt Cyclops
Split-complementary +150° +210°
- 00B300
Green Glimmer
- 9A75FF
≈ Forgotten Purple
- F343A1
≈ Major Magenta
Tetradic +90° +180° +270°
- 00B300
Green Glimmer
- 00A0D9
≈ Vanadyl Blue
- D156E2
≈ Thick Pink
- E16F00
≈ Accent Orange
Contrast & accessibility
Ag
FailOn white
WCAG 2.81:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.44:1 · APCA Lc 49
Best text color: #000000
WCAG 7.44:1 (AAA) · APCA Lc 49
Contrast pairs
Code snippets
CSS
:root {
--green-glimmer: #00b300;
--green-glimmer-rgb: 0 179 0;
--green-glimmer-oklch: oklch(0.664 0.226 142.5);
}
.element {
color: var(--green-glimmer);
background-color: hsl(120 100% 35%);
border-color: oklch(0.664 0.226 142.5);
}Tailwind CSS v4
@theme {
--color-green-glimmer: #00b300;
--color-green-glimmer-50: #ceffcd;
--color-green-glimmer-100: #b9fcb9;
--color-green-glimmer-200: #94ed96;
--color-green-glimmer-300: #62d468;
--color-green-glimmer-400: #32bd2d;
--color-green-glimmer-500: #00a700;
--color-green-glimmer-600: #008d00;
--color-green-glimmer-700: #007100;
--color-green-glimmer-800: #005300;
--color-green-glimmer-900: #003a00;
--color-green-glimmer-950: #002400;
}SCSS
$green-glimmer: #00b300;
$green-glimmer-rgb: 0, 179, 0;
$green-glimmer-light: mix(#fff, $green-glimmer, 20%);
$green-glimmer-dark: mix(#000, $green-glimmer, 20%);
.element {
color: $green-glimmer;
box-shadow: 0 0 0 2px rgba($green-glimmer, 0.35);
}