色名 · #56FCA2
Illicit Green
Illicit Greenは#56FCA2：rgb(86 252 162)、hsl(147 97% 66%)、oklch(0.884 0.186 155.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Illicit Green color name →
#56FCA2
oklch(0.884 0.186 155.4)
カラー変換
- HEX
- #56fca2
- RGB
- rgb(86 252 162)
- HSL
- hsl(147 97% 66%)
- HWB
- hwb(147 34% 1%)
- OKLCH
- oklch(0.884 0.186 155.4)
- OKLab
- oklab(0.884 -0.169 0.077)
- CIE Lab
- lab(88.94 -59.64 30.12)
- LCH
- lch(88.94 66.81 153.2)
- CMYK
- cmyk(66% 0% 36% 1%)
ティント · シェード · トーン
ティント
- 70FDAC
- 86FEB5
- 99FEBF
- AAFFC8
- B9FFD1
- C8FFDA
- D7FFE4
- E5FFED
- F2FFF6
シェード
- 4ADB8C
- 3EBB77
- 329C63
- 277E4F
- 1C623C
- 12472A
- 082D19
- 02160A
- 000301
トーン
- 61EF9F
- 6AE39C
- 71D699
- 76CA95
- 7ABD92
- 7DB18F
- 7FA58B
- 809888
- 808C84
カラーハーモニー
補色 +180°
- 56FCA2
Illicit Green
- FFC3F0
≈ Rosy Maple Moth
類似色 -30° +30°
- 56FCA2
Illicit Green
- BCED54
≈ Inchworm
- 00F9E7
≈ Bright Aqua
トライアド +120° +240°
- 56FCA2
Illicit Green
- CED6FF
≈ Pale Phthalo Blue
- FFCBBD
≈ Piggy Bank
スプリットコンプリメンタリー +150° +210°
- 56FCA2
Illicit Green
- E4CDFF
≈ Lens Flare Pink
- FFC8D3
≈ Sweet Sixteen
テトラード +90° +180° +270°
- 56FCA2
Illicit Green
- B8DEFF
≈ Broad Daylight
- FFC3F0
≈ Rosy Maple Moth
- FFCE9F
≈ Melon Sprinkle
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.32:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.84:1 · APCA Lc 88
最適な文字色: #000000
WCAG 15.84:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--illicit-green: #56fca2;
--illicit-green-rgb: 86 252 162;
--illicit-green-oklch: oklch(0.884 0.186 155.4);
}
.element {
color: var(--illicit-green);
background-color: hsl(147 97% 66%);
border-color: oklch(0.884 0.186 155.4);
}Tailwind CSS v4
@theme {
--color-illicit-green: #56fca2;
--color-illicit-green-50: #c9ffe0;
--color-illicit-green-100: #b3fbd0;
--color-illicit-green-200: #8cecb5;
--color-illicit-green-300: #53d391;
--color-illicit-green-400: #00bd6c;
--color-illicit-green-500: #00a74a;
--color-illicit-green-600: #008d40;
--color-illicit-green-700: #007133;
--color-illicit-green-800: #005320;
--color-illicit-green-900: #003a15;
--color-illicit-green-950: #002407;
}SCSS
$illicit-green: #56fca2;
$illicit-green-rgb: 86, 252, 162;
$illicit-green-light: mix(#fff, $illicit-green, 20%);
$illicit-green-dark: mix(#000, $illicit-green, 20%);
.element {
color: $illicit-green;
box-shadow: 0 0 0 2px rgba($illicit-green, 0.35);
}