Màu có tên gần nhất · #E4EEE1
#E4EEE1
Màu có tên gần nhất: Hint of Green
#E4EEE1 (rgb(228 238 225), hsl(106 28% 91%), oklch(0.938 0.02 138.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.
#E4EEE1
oklch(0.938 0.02 138.4)
Chuyển đổi màu
- HEX
- #e4eee1
- RGB
- rgb(228 238 225)
- HSL
- hsl(106 28% 91%)
- HWB
- hwb(106 88% 7%)
- OKLCH
- oklch(0.938 0.02 138.4)
- OKLab
- oklab(0.938 -0.015 0.013)
- CIE Lab
- lab(93.07 -5.17 5.1)
- LCH
- lch(93.07 7.27 135.4)
- CMYK
- cmyk(4% 0% 5% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E7F0E4
- E9F1E7
- ECF3EA
- EFF5ED
- F1F6F0
- F4F8F3
- F7FAF6
- FAFCF9
- FCFDFC
Sắc đậm
- C6CFC4
- A9B1A7
- 8D938B
- 727770
- 585C56
- 3F423E
- 282A27
- 121412
- 030302
Sắc xám
- DAE2D7
- CFD7CD
- C5CCC3
- BBC1B9
- B1B5AF
- A7AAA6
- 9DA09C
- 939593
- 8A8A89
Hòa sắc
Bổ túc +180°
- E4EEE1
Hint of Green
- F0E6F3
≈ Holographic Lavender
Tương đồng -30° +30°
- E4EEE1
Hint of Green
- EBECDD
≈ Amazon Mist
- DEEFE8
≈ Morning Light Wave
Bộ ba +120° +240°
- E4EEE1
Hint of Green
- E2EBF8
≈ Husky
- F8E5E5
≈ Marshmallow Rose
Bổ túc chia +150° +210°
- E4EEE1
Hint of Green
- E9E9F8
≈ Icy Lilac
- F6E5ED
≈ Amour Frais
Bộ bốn +90° +180° +270°
- E4EEE1
Hint of Green
- DDEEF5
≈ Ice Fishing
- F0E6F3
≈ Holographic Lavender
- F7E7DF
≈ My Sweetheart
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.19:1 · APCA Lc 9
Ag
AAATrên nền đen
WCAG 17.61:1 · APCA Lc 95
Màu chữ tốt nhất: #000000
WCAG 17.61:1 (AAA) · APCA Lc 95
Contrast pairs
Đoạn mã
CSS
:root {
--hint-of-green: #e4eee1;
--hint-of-green-rgb: 228 238 225;
--hint-of-green-oklch: oklch(0.938 0.02 138.4);
}
.element {
color: var(--hint-of-green);
background-color: hsl(106 28% 91%);
border-color: oklch(0.938 0.02 138.4);
}Tailwind CSS v4
@theme {
--color-hint-of-green: #e4eee1;
--color-hint-of-green-50: #f2f7f1;
--color-hint-of-green-100: #e4eae3;
--color-hint-of-green-200: #d0d6ce;
--color-hint-of-green-300: #b2bab0;
--color-hint-of-green-400: #99a196;
--color-hint-of-green-500: #808a7d;
--color-hint-of-green-600: #6c746a;
--color-hint-of-green-700: #565d54;
--color-hint-of-green-800: #3f443d;
--color-hint-of-green-900: #2b2f2a;
--color-hint-of-green-950: #191c18;
}SCSS
$hint-of-green: #e4eee1;
$hint-of-green-rgb: 228, 238, 225;
$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);
}