Named color · #00D973
Benzol Green
Benzol Green is #00D973: rgb(0 217 115), hsl(152 100% 43%), oklch(0.776 0.201 152.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Benzol Green color name →
#00D973
oklch(0.776 0.201 152.6)
Color conversions
- HEX
- #00d973
- RGB
- rgb(0 217 115)
- HSL
- hsl(152 100% 43%)
- HWB
- hwb(152 0% 15%)
- OKLCH
- oklch(0.776 0.201 152.6)
- OKLab
- oklab(0.776 -0.179 0.093)
- CIE Lab
- lab(76.55 -63.24 37.02)
- LCH
- lch(76.55 73.28 149.7)
- CMYK
- cmyk(100% 0% 47% 15%)
Tints · Shades · Tones
Tints
- 46DD82
- 64E290
- 7DE69E
- 93EAAC
- A7EEBA
- B9F2C8
- CBF5D6
- DDF9E3
- EEFCF1
Shades
- 00BC63
- 00A154
- 008645
- 006C36
- 005328
- 003B1B
- 00250F
- 001105
- 000201
Tones
- 33D075
- 47C778
- 55BF79
- 5FB67B
- 68AD7C
- 6EA47D
- 749B7E
- 79927F
- 7D8980
Color harmonies
Complementary +180°
- 00D973
Benzol Green
- FE7EED
≈ Luminescent Pink
Analogous -30° +30°
- 00D973
Benzol Green
- A1C800
≈ Slime
- 00D2BE
≈ Exquisite Turquoise
Triadic +120° +240°
- 00D973
Benzol Green
- 9DB1FF
≈ Widowmaker
- FF957F
≈ Orange Aura
Split-complementary +150° +210°
- 00D973
Benzol Green
- C79FFF
≈ Diva
- FF8DAE
≈ Schauss Pink
Tetradic +90° +180° +270°
- 00D973
Benzol Green
- 68BFFF
≈ Broken Blue
- FE7EED
≈ Luminescent Pink
- FF9B29
≈ Dragon Ball
Contrast & accessibility
Ag
FailOn white
WCAG 1.87:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.17:1 · APCA Lc 68
Best text color: #000000
WCAG 11.17:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--benzol-green: #00d973;
--benzol-green-rgb: 0 217 115;
--benzol-green-oklch: oklch(0.776 0.201 152.6);
}
.element {
color: var(--benzol-green);
background-color: hsl(152 100% 43%);
border-color: oklch(0.776 0.201 152.6);
}Tailwind CSS v4
@theme {
--color-benzol-green: #00d973;
--color-benzol-green-50: #c8ffdc;
--color-benzol-green-100: #b2fcca;
--color-benzol-green-200: #89eeae;
--color-benzol-green-300: #4ed588;
--color-benzol-green-400: #00be60;
--color-benzol-green-500: #00a839;
--color-benzol-green-600: #008e32;
--color-benzol-green-700: #007227;
--color-benzol-green-800: #005416;
--color-benzol-green-900: #003b0e;
--color-benzol-green-950: #002402;
}SCSS
$benzol-green: #00d973;
$benzol-green-rgb: 0, 217, 115;
$benzol-green-light: mix(#fff, $benzol-green, 20%);
$benzol-green-dark: mix(#000, $benzol-green, 20%);
.element {
color: $benzol-green;
box-shadow: 0 0 0 2px rgba($benzol-green, 0.35);
}