Màu có tên gần nhất · #E2EAE0
#E2EAE0
Màu có tên gần nhất: Hint of Green
#E2EAE0 (rgb(226 234 224), hsl(108 19% 90%), oklch(0.928 0.016 139.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.
#E2EAE0
oklch(0.928 0.016 139.4)
Chuyển đổi màu
- HEX
- #e2eae0
- RGB
- rgb(226 234 224)
- HSL
- hsl(108 19% 90%)
- HWB
- hwb(108 88% 8%)
- OKLCH
- oklch(0.928 0.016 139.4)
- OKLab
- oklab(0.928 -0.012 0.01)
- CIE Lab
- lab(91.87 -4.1 3.9)
- LCH
- lch(91.87 5.66 136.5)
- CMYK
- cmyk(3% 0% 4% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E5ECE3
- E8EEE6
- EBF0E9
- EEF2EC
- F0F4EF
- F3F7F3
- F6F9F6
- F9FBF9
- FCFDFC
Sắc đậm
- C4CBC3
- A8AEA6
- 8C918A
- 717570
- 575A56
- 3E413E
- 272927
- 121312
- 030302
Sắc xám
- D8DFD6
- CED4CC
- C4C9C2
- BABEB8
- B0B4AF
- A6A9A5
- 9C9F9C
- 939492
- 898A89
Hòa sắc
Bổ túc +180°
- E2EAE0
Hint of Green
- ECE4EE
≈ Modest Violet
Tương đồng -30° +30°
- E2EAE0
Hint of Green
- E8E8DC
≈ Prismatic Pearl
- DEEBE5
≈ Snowbound
Bộ ba +120° +240°
- E2EAE0
Hint of Green
- E1E8F2
≈ Harbour Afternoon
- F2E3E3
≈ Pink Emulsion
Bổ túc chia +150° +210°
- E2EAE0
Hint of Green
- E7E6F1
≈ Lavender Syrup
- F0E3E9
≈ Rosie Posie
Bộ bốn +90° +180° +270°
- E2EAE0
Hint of Green
- DDEAF0
≈ Frost Wind
- ECE4EE
≈ Modest Violet
- F1E4DE
≈ Aubergine Flesh
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.22:1 · APCA Lc 11
Ag
AAATrên nền đen
WCAG 17.07:1 · APCA Lc 93
Màu chữ tốt nhất: #000000
WCAG 17.07:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--hint-of-green: #e2eae0;
--hint-of-green-rgb: 226 234 224;
--hint-of-green-oklch: oklch(0.928 0.016 139.4);
}
.element {
color: var(--hint-of-green);
background-color: hsl(108 19% 90%);
border-color: oklch(0.928 0.016 139.4);
}Tailwind CSS v4
@theme {
--color-hint-of-green: #e2eae0;
--color-hint-of-green-50: #f3f6f2;
--color-hint-of-green-100: #e5e9e4;
--color-hint-of-green-200: #d1d6d0;
--color-hint-of-green-300: #b3b9b2;
--color-hint-of-green-400: #9aa198;
--color-hint-of-green-500: #81897f;
--color-hint-of-green-600: #6d746b;
--color-hint-of-green-700: #575d56;
--color-hint-of-green-800: #40443e;
--color-hint-of-green-900: #2c2f2b;
--color-hint-of-green-950: #191b18;
}SCSS
$hint-of-green: #e2eae0;
$hint-of-green-rgb: 226, 234, 224;
$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);
}