Benannte Farbe · #3FFF00
Harlequin
Harlequin ist #3FFF00: rgb(63 255 0), hsl(105 100% 50%), oklch(0.872 0.287 141). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Harlequin color name →
#3FFF00
oklch(0.872 0.287 141)
Farbumrechnungen
- HEX
- #3fff00
- RGB
- rgb(63 255 0)
- HSL
- hsl(105 100% 50%)
- HWB
- hwb(105 0% 0%)
- OKLCH
- oklch(0.872 0.287 141)
- OKLab
- oklab(0.872 -0.223 0.181)
- CIE Lab
- lab(88.35 -74.78 81.68)
- LCH
- lch(88.35 110.74 132.5)
- CMYK
- cmyk(75% 0% 100% 0%)
Tints · Shades · Tones
Tints
- 61FF45
- 7AFF64
- 8FFF7D
- A2FF92
- B3FFA6
- C4FFB9
- D3FFCB
- E2FFDD
- F1FFEE
Shades
- 35DE00
- 2CBE00
- 239E00
- 1B8000
- 126300
- 0A4800
- 042E00
- 011600
- 000300
Tones
- 51F233
- 5DE647
- 67D954
- 6ECC5F
- 74C067
- 78B36E
- 7BA674
- 7E9A79
- 7F8D7D
Farbharmonien
Komplementär +180°
- 3FFF00
Harlequin
- F5BFFF
≈ Electric Lavender
Analog -30° +30°
- 3FFF00
Harlequin
- DBDF00
≈ Golden Gun
- 00F8C6
≈ Bright Teal
Triadisch +120° +240°
- 3FFF00
Harlequin
- BED6FF
≈ Oh Boy!
- FFC4C2
≈ Ladylike
Geteilt komplementär +150° +210°
- 3FFF00
Harlequin
- D4CEFF
≈ Lavender Blue
- FFC0DB
≈ Cotton Candy
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.35:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.51:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.51:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--harlequin: #3fff00;
--harlequin-rgb: 63 255 0;
--harlequin-oklch: oklch(0.872 0.287 141);
}
.element {
color: var(--harlequin);
background-color: hsl(105 100% 50%);
border-color: oklch(0.872 0.287 141);
}Tailwind CSS v4
@theme {
--color-harlequin: #3fff00;
--color-harlequin-50: #c4ffbf;
--color-harlequin-100: #adffa8;
--color-harlequin-200: #82f37e;
--color-harlequin-300: #41da42;
--color-harlequin-400: #00c300;
--color-harlequin-500: #00ac00;
--color-harlequin-600: #009200;
--color-harlequin-700: #007500;
--color-harlequin-800: #005600;
--color-harlequin-900: #003c00;
--color-harlequin-950: #002500;
}SCSS
$harlequin: #3fff00;
$harlequin-rgb: 63, 255, 0;
$harlequin-light: mix(#fff, $harlequin, 20%);
$harlequin-dark: mix(#000, $harlequin, 20%);
.element {
color: $harlequin;
box-shadow: 0 0 0 2px rgba($harlequin, 0.35);
}