Warna bernama · #15B01A
Pikkoro Green
Pikkoro Green adalah #15B01A: rgb(21 176 26), hsl(122 79% 39%), oklch(0.658 0.215 142.9). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Pikkoro Green color name →
#15B01A
oklch(0.658 0.215 142.9)
Konversi warna
- HEX
- #15b01a
- RGB
- rgb(21 176 26)
- HSL
- hsl(122 79% 39%)
- HWB
- hwb(122 8% 31%)
- OKLCH
- oklch(0.658 0.215 142.9)
- OKLab
- oklab(0.658 -0.171 0.13)
- CIE Lab
- lab(62.8 -58.24 57.51)
- LCH
- lch(62.8 81.85 135.4)
- CMYK
- cmyk(88% 0% 85% 31%)
Tint · Shade · Tone
Tint
- 41B93E
- 5CC158
- 73C96F
- 89D184
- 9DD999
- B1E1AE
- C5E9C2
- D8F0D6
- ECF8EB
Shade
- 119915
- 0C8210
- 086C0C
- 055607
- 034204
- 022E02
- 011C01
- 000B00
- 000100
Tone
- 31AC30
- 41A73E
- 4DA34A
- 589E54
- 60995D
- 689565
- 6F906C
- 758B73
- 7B857A
Harmoni warna
Komplementer +180°
- 15B01A
Pikkoro Green
- CD58DC
≈ Thick Pink
Analog -30° +30°
- 15B01A
Pikkoro Green
- 939A00
≈ Pea Soup
- 00AA8A
≈ Arcadia
Triadik +120° +240°
- 15B01A
Pikkoro Green
- 548CFF
≈ Skinny Jeans
- FA464F
≈ Sunburnt Cyclops
Split-komplementer +150° +210°
- 15B01A
Pikkoro Green
- 9972FF
≈ Forgotten Purple
- ED479D
≈ Schiaparelli Pink
Tetradik +90° +180° +270°
- 15B01A
Pikkoro Green
- 009ED6
≈ Structural Blue
- CD58DC
≈ Thick Pink
- DE6E00
≈ Gold Orange
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.89:1 · APCA Lc 55
Ag
AAADi atas hitam
WCAG 7.25:1 · APCA Lc 47
Warna teks terbaik: #000000
WCAG 7.25:1 (AAA) · APCA Lc 47
Contrast pairs
Cuplikan kode
CSS
:root {
--pikkoro-green: #15b01a;
--pikkoro-green-rgb: 21 176 26;
--pikkoro-green-oklch: oklch(0.658 0.215 142.9);
}
.element {
color: var(--pikkoro-green);
background-color: hsl(122 79% 39%);
border-color: oklch(0.658 0.215 142.9);
}Tailwind CSS v4
@theme {
--color-pikkoro-green: #15b01a;
--color-pikkoro-green-50: #cfffcf;
--color-pikkoro-green-100: #bbfbbb;
--color-pikkoro-green-200: #97ed9a;
--color-pikkoro-green-300: #67d36e;
--color-pikkoro-green-400: #3abc38;
--color-pikkoro-green-500: #00a600;
--color-pikkoro-green-600: #008c00;
--color-pikkoro-green-700: #007100;
--color-pikkoro-green-800: #005300;
--color-pikkoro-green-900: #003a00;
--color-pikkoro-green-950: #002400;
}SCSS
$pikkoro-green: #15b01a;
$pikkoro-green-rgb: 21, 176, 26;
$pikkoro-green-light: mix(#fff, $pikkoro-green, 20%);
$pikkoro-green-dark: mix(#000, $pikkoro-green, 20%);
.element {
color: $pikkoro-green;
box-shadow: 0 0 0 2px rgba($pikkoro-green, 0.35);
}