Cor nomeada · #46CB18
Harlequin Green
Harlequin Green é #46CB18: rgb(70 203 24), hsl(105 79% 45%), oklch(0.74 0.231 139.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Harlequin Green color name →
#46CB18
oklch(0.74 0.231 139.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 5FD142
- 74D75D
- 88DC75
- 9AE28A
- ACE79E
- BDECB2
- CEF1C6
- DEF6D9
- EFFBEC
Sombras
- 3CB013
- 32960F
- 287D0A
- 1E6507
- 154D04
- 0D3702
- 052201
- 020F00
- 000200
Tons
- 51C432
- 5ABD42
- 62B54E
- 68AE58
- 6EA661
- 729F68
- 77976F
- 7A9075
- 7D887B
Harmonias de cor
Complementar +180°
- 46CB18
Harlequin Green
- E573FF
≈ Venus Slipper Orchid
Análoga -30° +30°
- 46CB18
Harlequin Green
- B2B200
≈ Mustard Green
- 00C89C
≈ Caribbean Green
Tríade +120° +240°
- 46CB18
Harlequin Green
- 78ABFF
≈ Fennel Flower
- FF7D81
≈ Light Red
Complementar dividida +150° +210°
- 46CB18
Harlequin Green
- AA99FF
≈ Cobalite
- FF70BC
≈ Fěn Hóng Pink
Tétrade +90° +180° +270°
- 46CB18
Harlequin Green
- 00BAF5
≈ Zima Blue
- E573FF
≈ Venus Slipper Orchid
- FF8432
≈ Wildfire
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.13:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 9.81:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 9.81:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
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);
}