Màu có tên gần nhất · #DAE4D8
#DAE4D8
Màu có tên gần nhất: Hint of Green
#DAE4D8 (rgb(218 228 216), hsl(110 18% 87%), oklch(0.908 0.019 140.5)) 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.
#DAE4D8
oklch(0.908 0.019 140.5)
Chuyển đổi màu
- HEX
- #dae4d8
- RGB
- rgb(218 228 216)
- HSL
- hsl(110 18% 87%)
- HWB
- hwb(110 85% 11%)
- OKLCH
- oklch(0.908 0.019 140.5)
- OKLab
- oklab(0.908 -0.015 0.012)
- CIE Lab
- lab(89.57 -5.08 4.66)
- LCH
- lch(89.57 6.89 137.5)
- CMYK
- cmyk(4% 0% 5% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DEE7DC
- E1E9E0
- E5ECE4
- E9EFE7
- ECF1EB
- F0F4EF
- F4F7F3
- F8FAF7
- FBFCFB
Sắc đậm
- BDC6BC
- A2A9A0
- 878D85
- 6C726B
- 545853
- 3C3F3B
- 252825
- 111211
- 020302
Sắc xám
- D1DACF
- C7CFC6
- BEC5BD
- B5BBB4
- ACB1AB
- A3A7A2
- 9A9D9A
- 919391
- 898A88
Hòa sắc
Bổ túc +180°
- DAE4D8
Hint of Green
- E7DDE9
≈ Faint Fuchsia
Tương đồng -30° +30°
- DAE4D8
Hint of Green
- E1E2D4
≈ Timid Green
- D5E5DF
≈ Fizzle
Bộ ba +120° +240°
- DAE4D8
Hint of Green
- D9E1EE
≈ Timid Blue
- EDDCDB
≈ Hyper Light Drifter
Bổ túc chia +150° +210°
- DAE4D8
Hint of Green
- E0DFED
≈ Imagination
- EBDCE2
≈ Purple Emulsion
Bộ bốn +90° +180° +270°
- DAE4D8
Hint of Green
- D4E3EB
≈ Pale Grey Blue
- E7DDE9
≈ Faint Fuchsia
- ECDDD5
≈ Cliff Swallow
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.30:1 · APCA Lc 15
Ag
AAATrên nền đen
WCAG 16.07:1 · APCA Lc 89
Màu chữ tốt nhất: #000000
WCAG 16.07:1 (AAA) · APCA Lc 89
Contrast pairs
Đoạn mã
CSS
:root {
--hint-of-green: #dae4d8;
--hint-of-green-rgb: 218 228 216;
--hint-of-green-oklch: oklch(0.908 0.019 140.5);
}
.element {
color: var(--hint-of-green);
background-color: hsl(110 18% 87%);
border-color: oklch(0.908 0.019 140.5);
}Tailwind CSS v4
@theme {
--color-hint-of-green: #dae4d8;
--color-hint-of-green-50: #f2f7f2;
--color-hint-of-green-100: #e4eae4;
--color-hint-of-green-200: #d0d6cf;
--color-hint-of-green-300: #b2bab1;
--color-hint-of-green-400: #99a197;
--color-hint-of-green-500: #808a7e;
--color-hint-of-green-600: #6c746a;
--color-hint-of-green-700: #565d55;
--color-hint-of-green-800: #3f443e;
--color-hint-of-green-900: #2b2f2a;
--color-hint-of-green-950: #191c18;
}SCSS
$hint-of-green: #dae4d8;
$hint-of-green-rgb: 218, 228, 216;
$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);
}