Màu có tên gần nhất · #E2EDE2
#E2EDE2
Màu có tên gần nhất: Hint of Green
#E2EDE2 (rgb(226 237 226), hsl(120 23% 91%), oklch(0.935 0.019 145.4)) gần nhất với màu có tên Hint of Green. 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.
#E2EDE2
oklch(0.935 0.019 145.4)
Chuyển đổi màu
- HEX
- #e2ede2
- RGB
- rgb(226 237 226)
- HSL
- hsl(120 23% 91%)
- HWB
- hwb(120 89% 7%)
- OKLCH
- oklch(0.935 0.019 145.4)
- OKLab
- oklab(0.935 -0.015 0.011)
- CIE Lab
- lab(92.68 -5.26 4.02)
- LCH
- lch(92.68 6.62 142.7)
- CMYK
- cmyk(5% 0% 5% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E5EFE5
- E8F1E8
- EBF2EB
- EEF4EE
- F0F6F0
- F3F8F3
- F6FAF6
- F9FBF9
- FCFDFC
Sắc đậm
- C4CEC4
- A8B0A8
- 8C938C
- 717771
- 575C57
- 3E423E
- 272A27
- 121412
- 030303
Sắc xám
- D8E2D8
- CED6CE
- C4CBC4
- BAC0BA
- B0B5B0
- A6AAA6
- 9C9F9C
- 939593
- 898A89
Hòa sắc
Bổ túc +180°
- E2EDE2
Hint of Green
- F0E5F0
≈ Tranquil Eve
Tương đồng -30° +30°
- E2EDE2
Hint of Green
- E9EBDD
≈ Sterling Shadow
- DDEEE9
≈ Tranquil
Bộ ba +120° +240°
- E2EDE2
Hint of Green
- E3EAF6
≈ Husky
- F6E5E3
≈ Clear Calamine
Bổ túc chia +150° +210°
- E2EDE2
Hint of Green
- EAE7F5
≈ Tranquil Eve
- F5E5EA
≈ Amour Frais
Bộ bốn +90° +180° +270°
- E2EDE2
Hint of Green
- DEECF4
≈ Ice Fishing
- F0E5F0
≈ Tranquil Eve
- F4E7DE
≈ Goose Down
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.20:1 · APCA Lc 10
Ag
AAATrên nền đen
WCAG 17.44:1 · APCA Lc 94
Màu chữ tốt nhất: #000000
WCAG 17.44:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--hint-of-green: #e2ede2;
--hint-of-green-rgb: 226 237 226;
--hint-of-green-oklch: oklch(0.935 0.019 145.4);
}
.element {
color: var(--hint-of-green);
background-color: hsl(120 23% 91%);
border-color: oklch(0.935 0.019 145.4);
}Tailwind CSS v4
@theme {
--color-hint-of-green: #e2ede2;
--color-hint-of-green-50: #f2f7f2;
--color-hint-of-green-100: #e4eae4;
--color-hint-of-green-200: #cfd6d0;
--color-hint-of-green-300: #b1bab2;
--color-hint-of-green-400: #98a298;
--color-hint-of-green-500: #7f8a7f;
--color-hint-of-green-600: #6b746b;
--color-hint-of-green-700: #565d56;
--color-hint-of-green-800: #3f443e;
--color-hint-of-green-900: #2b2f2b;
--color-hint-of-green-950: #181c18;
}SCSS
$hint-of-green: #e2ede2;
$hint-of-green-rgb: 226, 237, 226;
$hint-of-green-light: mix(#fff, $hint-of-green, 20%);
$hint-of-green-dark: mix(#000, $hint-of-green, 20%);
.element {
color: $hint-of-green;
box-shadow: 0 0 0 2px rgba($hint-of-green, 0.35);
}