Màu có tên · #56FCA2
Illicit Green
Illicit Green là #56FCA2: rgb(86 252 162), hsl(147 97% 66%), oklch(0.884 0.186 155.4). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Green mean? → · Illicit Green color name →
#56FCA2
oklch(0.884 0.186 155.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 70FDAC
- 86FEB5
- 99FEBF
- AAFFC8
- B9FFD1
- C8FFDA
- D7FFE4
- E5FFED
- F2FFF6
Sắc đậm
- 4ADB8C
- 3EBB77
- 329C63
- 277E4F
- 1C623C
- 12472A
- 082D19
- 02160A
- 000301
Sắc xám
- 61EF9F
- 6AE39C
- 71D699
- 76CA95
- 7ABD92
- 7DB18F
- 7FA58B
- 809888
- 808C84
Hòa sắc
Bổ túc +180°
- 56FCA2
Illicit Green
- FFC3F0
≈ Rosy Maple Moth
Tương đồng -30° +30°
- 56FCA2
Illicit Green
- BCED54
≈ Inchworm
- 00F9E7
≈ Bright Aqua
Bộ ba +120° +240°
- 56FCA2
Illicit Green
- CED6FF
≈ Pale Phthalo Blue
- FFCBBD
≈ Piggy Bank
Bổ túc chia +150° +210°
- 56FCA2
Illicit Green
- E4CDFF
≈ Lens Flare Pink
- FFC8D3
≈ Sweet Sixteen
Bộ bốn +90° +180° +270°
- 56FCA2
Illicit Green
- B8DEFF
≈ Broad Daylight
- FFC3F0
≈ Rosy Maple Moth
- FFCE9F
≈ Melon Sprinkle
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.32:1 · APCA Lc 16
Ag
AAATrên nền đen
WCAG 15.84:1 · APCA Lc 88
Màu chữ tốt nhất: #000000
WCAG 15.84:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
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);
}