Benannte Farbe · #00CC33
Vivid Malachite
Vivid Malachite ist #00CC33: rgb(0 204 51), hsl(135 100% 40%), oklch(0.734 0.234 144.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Vivid Malachite color name →
#00CC33
oklch(0.734 0.234 144.5)
Farbumrechnungen
- HEX
- #00cc33
- RGB
- rgb(0 204 51)
- HSL
- hsl(135 100% 40%)
- HWB
- hwb(135 0% 20%)
- OKLCH
- oklch(0.734 0.234 144.5)
- OKLab
- oklab(0.734 -0.191 0.136)
- CIE Lab
- lab(71.89 -65.49 58.79)
- LCH
- lch(71.89 88 138.1)
- CMYK
- cmyk(100% 0% 75% 20%)
Tints · Shades · Tones
Tints
- 42D250
- 60D867
- 79DD7C
- 8EE390
- A3E8A3
- B6EDB6
- C9F2C8
- DBF6DA
- EDFBED
Shades
- 00B12B
- 009723
- 007E1C
- 006514
- 004E0D
- 003707
- 002203
- 000F01
- 000200
Tones
- 30C542
- 43BD4D
- 51B656
- 5CAF5E
- 64A766
- 6C9F6C
- 729872
- 779077
- 7C887C
Farbharmonien
Komplementär +180°
- 00CC33
Vivid Malachite
- EE68F9
≈ Hitsujiyama Pink
Analog -30° +30°
- 00CC33
Vivid Malachite
- A8B400
≈ Mustard Green
- 00C5A3
≈ Jadeite
Triadisch +120° +240°
- 00CC33
Vivid Malachite
- 7EA6FF
≈ Fennel Flower
- FF7A74
≈ Embarrassment
Geteilt komplementär +150° +210°
- 00CC33
Vivid Malachite
- B093FF
≈ Lilac Geode
- FF6FB0
≈ Fěn Hóng Pink
Tetradisch +90° +180° +270°
- 00CC33
Vivid Malachite
- 00B7FB
≈ Blue Bolt
- EE68F9
≈ Hitsujiyama Pink
- FE8300
≈ The New Black
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.16:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.68:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--vivid-malachite: #00cc33;
--vivid-malachite-rgb: 0 204 51;
--vivid-malachite-oklch: oklch(0.734 0.234 144.5);
}
.element {
color: var(--vivid-malachite);
background-color: hsl(135 100% 40%);
border-color: oklch(0.734 0.234 144.5);
}Tailwind CSS v4
@theme {
--color-vivid-malachite: #00cc33;
--color-vivid-malachite-50: #caffce;
--color-vivid-malachite-100: #b4feba;
--color-vivid-malachite-200: #8def97;
--color-vivid-malachite-300: #55d66a;
--color-vivid-malachite-400: #04bf30;
--color-vivid-malachite-500: #00a900;
--color-vivid-malachite-600: #008f00;
--color-vivid-malachite-700: #007300;
--color-vivid-malachite-800: #005400;
--color-vivid-malachite-900: #003b00;
--color-vivid-malachite-950: #002400;
}SCSS
$vivid-malachite: #00cc33;
$vivid-malachite-rgb: 0, 204, 51;
$vivid-malachite-light: mix(#fff, $vivid-malachite, 20%);
$vivid-malachite-dark: mix(#000, $vivid-malachite, 20%);
.element {
color: $vivid-malachite;
box-shadow: 0 0 0 2px rgba($vivid-malachite, 0.35);
}