Nazwany kolor · #46CB18
Harlequin Green
Harlequin Green to #46CB18: rgb(70 203 24), hsl(105 79% 45%), oklch(0.74 0.231 139.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Harlequin Green color name →
#46CB18
oklch(0.74 0.231 139.9)
Konwersje koloru
- HEX
- #46cb18
- RGB
- rgb(70 203 24)
- HSL
- hsl(105 79% 45%)
- HWB
- hwb(105 9% 20%)
- OKLCH
- oklch(0.74 0.231 139.9)
- OKLab
- oklab(0.74 -0.177 0.149)
- CIE Lab
- lab(72.38 -58.76 66.49)
- LCH
- lch(72.38 88.74 131.5)
- CMYK
- cmyk(66% 0% 88% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5FD142
- 74D75D
- 88DC75
- 9AE28A
- ACE79E
- BDECB2
- CEF1C6
- DEF6D9
- EFFBEC
Odcienie ciemniejsze
- 3CB013
- 32960F
- 287D0A
- 1E6507
- 154D04
- 0D3702
- 052201
- 020F00
- 000200
Tony
- 51C432
- 5ABD42
- 62B54E
- 68AE58
- 6EA661
- 729F68
- 77976F
- 7A9075
- 7D887B
Harmonie kolorów
Komplementarna +180°
- 46CB18
Harlequin Green
- E573FF
≈ Venus Slipper Orchid
Analogowa -30° +30°
- 46CB18
Harlequin Green
- B2B200
≈ Mustard Green
- 00C89C
≈ Caribbean Green
Triada +120° +240°
- 46CB18
Harlequin Green
- 78ABFF
≈ Fennel Flower
- FF7D81
≈ Light Red
Komplementarna rozszczepiona +150° +210°
- 46CB18
Harlequin Green
- AA99FF
≈ Cobalite
- FF70BC
≈ Fěn Hóng Pink
Tetrada +90° +180° +270°
- 46CB18
Harlequin Green
- 00BAF5
≈ Zima Blue
- E573FF
≈ Venus Slipper Orchid
- FF8432
≈ Wildfire
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.13:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 9.81:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.81:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--harlequin-green: #46cb18;
--harlequin-green-rgb: 70 203 24;
--harlequin-green-oklch: oklch(0.74 0.231 139.9);
}
.element {
color: var(--harlequin-green);
background-color: hsl(105 79% 45%);
border-color: oklch(0.74 0.231 139.9);
}Tailwind CSS v4
@theme {
--color-harlequin-green: #46cb18;
--color-harlequin-green-50: #d0ffc9;
--color-harlequin-green-100: #bcfcb4;
--color-harlequin-green-200: #99ed8f;
--color-harlequin-green-300: #69d45f;
--color-harlequin-green-400: #40bd13;
--color-harlequin-green-500: #00a600;
--color-harlequin-green-600: #008c00;
--color-harlequin-green-700: #007100;
--color-harlequin-green-800: #045200;
--color-harlequin-green-900: #043a00;
--color-harlequin-green-950: #002300;
}SCSS
$harlequin-green: #46cb18;
$harlequin-green-rgb: 70, 203, 24;
$harlequin-green-light: mix(#fff, $harlequin-green, 20%);
$harlequin-green-dark: mix(#000, $harlequin-green, 20%);
.element {
color: $harlequin-green;
box-shadow: 0 0 0 2px rgba($harlequin-green, 0.35);
}