色名 · #15B01A
Pikkoro Green
Pikkoro Greenは#15B01A：rgb(21 176 26)、hsl(122 79% 39%)、oklch(0.658 0.215 142.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Pikkoro Green color name →
#15B01A
oklch(0.658 0.215 142.9)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 41B93E
- 5CC158
- 73C96F
- 89D184
- 9DD999
- B1E1AE
- C5E9C2
- D8F0D6
- ECF8EB
シェード
- 119915
- 0C8210
- 086C0C
- 055607
- 034204
- 022E02
- 011C01
- 000B00
- 000100
トーン
- 31AC30
- 41A73E
- 4DA34A
- 589E54
- 60995D
- 689565
- 6F906C
- 758B73
- 7B857A
カラーハーモニー
補色 +180°
- 15B01A
Pikkoro Green
- CD58DC
≈ Thick Pink
類似色 -30° +30°
- 15B01A
Pikkoro Green
- 939A00
≈ Pea Soup
- 00AA8A
≈ Arcadia
トライアド +120° +240°
- 15B01A
Pikkoro Green
- 548CFF
≈ Skinny Jeans
- FA464F
≈ Sunburnt Cyclops
スプリットコンプリメンタリー +150° +210°
- 15B01A
Pikkoro Green
- 9972FF
≈ Forgotten Purple
- ED479D
≈ Schiaparelli Pink
テトラード +90° +180° +270°
- 15B01A
Pikkoro Green
- 009ED6
≈ Structural Blue
- CD58DC
≈ Thick Pink
- DE6E00
≈ Gold Orange
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.89:1 · APCA Lc 55
Ag
AAA黒の上
WCAG 7.25:1 · APCA Lc 47
最適な文字色: #000000
WCAG 7.25:1 (AAA) · APCA Lc 47
Contrast pairs
コードスニペット
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);
}