Benannte Farbe · #33CC00
Candy Green
Candy Green ist #33CC00: rgb(51 204 0), hsl(105 100% 40%), oklch(0.738 0.242 140.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Candy Green color name →
#33CC00
oklch(0.738 0.242 140.9)
Farbumrechnungen
- HEX
- #33cc00
- RGB
- rgb(51 204 0)
- HSL
- hsl(105 100% 40%)
- HWB
- hwb(105 0% 20%)
- OKLCH
- oklch(0.738 0.242 140.9)
- OKLab
- oklab(0.738 -0.188 0.153)
- CIE Lab
- lab(72.24 -62.82 69.1)
- LCH
- lch(72.24 93.39 132.3)
- CMYK
- cmyk(75% 0% 100% 20%)
Tints · Shades · Tones
Tints
- 53D23C
- 6CD859
- 81DD71
- 95E387
- A7E89C
- BAEDB1
- CBF2C4
- DDF6D8
- EEFBEC
Shades
- 2BB100
- 239700
- 1C7E00
- 146500
- 0D4E00
- 073700
- 032200
- 010F00
- 000200
Tones
- 44C52B
- 51BD3D
- 5AB64B
- 63AF56
- 69A75F
- 6FA067
- 74986E
- 799075
- 7D887B
Farbharmonien
Komplementär +180°
- 33CC00
Candy Green
- E86FFF
≈ Ultra Pink
Analog -30° +30°
- 33CC00
Candy Green
- B0B200
≈ Mustard Green
- 00C79E
≈ Jadeite
Triadisch +120° +240°
- 33CC00
Candy Green
- 78AAFF
≈ Fennel Flower
- FF7C7E
≈ Forbidden Fruit
Geteilt komplementär +150° +210°
- 33CC00
Candy Green
- AB98FF
≈ Cobalite
- FF6FB9
≈ Fěn Hóng Pink
Tetradisch +90° +180° +270°
- 33CC00
Candy Green
- 00B9F6
≈ Zima Blue
- E86FFF
≈ Ultra Pink
- FF8329
≈ Fluorescent Red Orange
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.14:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.77:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.77:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--candy-green: #33cc00;
--candy-green-rgb: 51 204 0;
--candy-green-oklch: oklch(0.738 0.242 140.9);
}
.element {
color: var(--candy-green);
background-color: hsl(105 100% 40%);
border-color: oklch(0.738 0.242 140.9);
}Tailwind CSS v4
@theme {
--color-candy-green: #33cc00;
--color-candy-green-50: #cdffc8;
--color-candy-green-100: #b8fdb3;
--color-candy-green-200: #93ee8d;
--color-candy-green-300: #60d55c;
--color-candy-green-400: #2fbe00;
--color-candy-green-500: #00a800;
--color-candy-green-600: #008e00;
--color-candy-green-700: #007200;
--color-candy-green-800: #005300;
--color-candy-green-900: #003a00;
--color-candy-green-950: #002400;
}SCSS
$candy-green: #33cc00;
$candy-green-rgb: 51, 204, 0;
$candy-green-light: mix(#fff, $candy-green, 20%);
$candy-green-dark: mix(#000, $candy-green, 20%);
.element {
color: $candy-green;
box-shadow: 0 0 0 2px rgba($candy-green, 0.35);
}