Màu có tên gần nhất · #E0EAE0
#E0EAE0
Màu có tên gần nhất: Hint of Green
#E0EAE0 (rgb(224 234 224), hsl(120 19% 90%), oklch(0.927 0.017 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.
#E0EAE0
oklch(0.927 0.017 145.4)
Chuyển đổi màu
- HEX
- #e0eae0
- RGB
- rgb(224 234 224)
- HSL
- hsl(120 19% 90%)
- HWB
- hwb(120 88% 8%)
- OKLCH
- oklch(0.927 0.017 145.4)
- OKLab
- oklab(0.927 -0.014 0.01)
- CIE Lab
- lab(91.72 -4.8 3.66)
- LCH
- lch(91.72 6.03 142.7)
- CMYK
- cmyk(4% 0% 4% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E3ECE3
- E6EEE6
- E9F0E9
- ECF2EC
- EFF4EF
- F3F7F3
- F6F9F6
- F9FBF9
- FCFDFC
Sắc đậm
- C3CBC3
- A6AEA6
- 8A918A
- 707570
- 565A56
- 3E413E
- 272927
- 121312
- 020302
Sắc xám
- D6DFD6
- CCD4CC
- C2C9C2
- B8BEB8
- AFB4AF
- A5A9A5
- 9C9F9C
- 929492
- 898A89
Hòa sắc
Bổ túc +180°
- E0EAE0
Hint of Green
- EDE3ED
≈ Faded Fuchsia
Tương đồng -30° +30°
- E0EAE0
Hint of Green
- E6E8DC
≈ Spinach White
- DCEBE6
≈ Waterscape
Bộ ba +120° +240°
- E0EAE0
Hint of Green
- E1E7F3
≈ Crystal Falls
- F2E3E1
≈ Pink Emulsion
Bổ túc chia +150° +210°
- E0EAE0
Hint of Green
- E7E5F1
≈ Lavender Syrup
- F1E2E7
≈ Struck by Lightning
Bộ bốn +90° +180° +270°
- E0EAE0
Hint of Green
- DCE9F1
≈ Azureish White
- EDE3ED
≈ Faded Fuchsia
- F0E4DC
≈ Soft Feather
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.23:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 17.01:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 17.01:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--hint-of-green: #e0eae0;
--hint-of-green-rgb: 224 234 224;
--hint-of-green-oklch: oklch(0.927 0.017 145.4);
}
.element {
color: var(--hint-of-green);
background-color: hsl(120 19% 90%);
border-color: oklch(0.927 0.017 145.4);
}Tailwind CSS v4
@theme {
--color-hint-of-green: #e0eae0;
--color-hint-of-green-50: #f2f6f2;
--color-hint-of-green-100: #e4e9e5;
--color-hint-of-green-200: #d0d6d0;
--color-hint-of-green-300: #b2bab2;
--color-hint-of-green-400: #98a198;
--color-hint-of-green-500: #7f897f;
--color-hint-of-green-600: #6c746c;
--color-hint-of-green-700: #565d56;
--color-hint-of-green-800: #3f443f;
--color-hint-of-green-900: #2b2f2b;
--color-hint-of-green-950: #191b18;
}SCSS
$hint-of-green: #e0eae0;
$hint-of-green-rgb: 224, 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);
}