Màu có tên gần nhất · #D8E7DE
#D8E7DE
Màu có tên gần nhất: Clair de Lune
#D8E7DE (rgb(216 231 222), hsl(144 24% 88%), oklch(0.914 0.02 159.7)) gần nhất với màu có tên Clair de Lune. 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.
#D8E7DE
oklch(0.914 0.02 159.7)
Chuyển đổi màu
- HEX
- #d8e7de
- RGB
- rgb(216 231 222)
- HSL
- hsl(144 24% 88%)
- HWB
- hwb(144 85% 9%)
- OKLCH
- oklch(0.914 0.02 159.7)
- OKLab
- oklab(0.914 -0.019 0.007)
- CIE Lab
- lab(90.32 -6.41 2.59)
- LCH
- lch(90.32 6.91 158)
- CMYK
- cmyk(6% 0% 4% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DCE9E1
- E0ECE5
- E4EEE8
- E8F1EB
- EBF3EE
- EFF5F2
- F3F8F5
- F7FAF8
- FBFDFC
Sắc đậm
- BCC9C1
- A0ABA5
- 858F89
- 6B736F
- 535955
- 3B403D
- 252826
- 111312
- 020302
Sắc xám
- CFDCD4
- C6D2CA
- BDC7C1
- B4BCB7
- ABB2AE
- A2A8A4
- 9A9E9B
- 919492
- 888A89
Hòa sắc
Bổ túc +180°
- D8E7DE
Clair de Lune
- ECDEE7
≈ Antarctic Love
Tương đồng -30° +30°
- D8E7DE
Clair de Lune
- DEE6D8
≈ Lime Daiquiri
- D5E7E5
≈ Plateau
Bộ ba +120° +240°
- D8E7DE
Clair de Lune
- E0E2F0
≈ Iris Ice
- EFDFD9
≈ Apricot Foam
Bổ túc chia +150° +210°
- D8E7DE
Clair de Lune
- E7DFED
≈ Pink Champagne
- F0DEE0
≈ Ballerina Silk
Bộ bốn +90° +180° +270°
- D8E7DE
Clair de Lune
- D9E4F0
≈ Iceberg
- ECDEE7
≈ Antarctic Love
- ECE1D5
≈ Physalis Aquarelle
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.28:1 · APCA Lc 14
Ag
AAATrên nền đen
WCAG 16.40:1 · APCA Lc 90
Màu chữ tốt nhất: #000000
WCAG 16.40:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
CSS
:root {
--clair-de-lune: #d8e7de;
--clair-de-lune-rgb: 216 231 222;
--clair-de-lune-oklch: oklch(0.914 0.02 159.7);
}
.element {
color: var(--clair-de-lune);
background-color: hsl(144 24% 88%);
border-color: oklch(0.914 0.02 159.7);
}Tailwind CSS v4
@theme {
--color-clair-de-lune: #d8e7de;
--color-clair-de-lune-50: #f0f7f3;
--color-clair-de-lune-100: #e2eae6;
--color-clair-de-lune-200: #cdd7d1;
--color-clair-de-lune-300: #afbbb4;
--color-clair-de-lune-400: #95a29a;
--color-clair-de-lune-500: #7b8a82;
--color-clair-de-lune-600: #69756e;
--color-clair-de-lune-700: #535e58;
--color-clair-de-lune-800: #3d4540;
--color-clair-de-lune-900: #2a2f2c;
--color-clair-de-lune-950: #171c19;
}SCSS
$clair-de-lune: #d8e7de;
$clair-de-lune-rgb: 216, 231, 222;
$clair-de-lune-light: mix(#fff, $clair-de-lune, 20%);
$clair-de-lune-dark: mix(#000, $clair-de-lune, 20%);
.element {
color: $clair-de-lune;
box-shadow: 0 0 0 2px rgba($clair-de-lune, 0.35);
}