En yakın adlandırılmış renk · #DCE8DF
#DCE8DF
En yakın adlandırılmış renk: Clair de Lune
#DCE8DF (rgb(220 232 223), hsl(135 21% 89%), oklch(0.919 0.018 153.5)) en çok Clair de Lune adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DCE8DF
oklch(0.919 0.018 153.5)
Renk dönüşümleri
- HEX
- #dce8df
- RGB
- rgb(220 232 223)
- HSL
- hsl(135 21% 89%)
- HWB
- hwb(135 86% 9%)
- OKLCH
- oklch(0.919 0.018 153.5)
- OKLab
- oklab(0.919 -0.016 0.008)
- CIE Lab
- lab(90.89 -5.37 2.94)
- LCH
- lch(90.89 6.12 151.3)
- CMYK
- cmyk(5% 0% 4% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFEAE2
- E3EDE5
- E6EFE9
- EAF1EC
- EDF3EF
- F1F6F2
- F4F8F5
- F8FAF9
- FBFDFC
Koyu tonlar
- BFCAC2
- A3ACA5
- 88908A
- 6E746F
- 545956
- 3C403D
- 262927
- 111312
- 020302
Gri tonlar
- D2DDD5
- C9D2CB
- BFC8C2
- B6BDB8
- ADB3AE
- A4A8A5
- 9B9E9B
- 929492
- 898A89
Renk uyumları
Tamamlayıcı +180°
- DCE8DF
Clair de Lune
- ECE0E9
≈ Tiara Jewel
Analog -30° +30°
- DCE8DF
Clair de Lune
- E2E7DA
≈ Summer Rain
- D8E8E5
≈ Aqua Breeze
Üçlü +120° +240°
- DCE8DF
Clair de Lune
- E0E4F1
≈ Iris Ice
- F0E0DD
≈ White Russian
Bölünmüş tamamlayıcı +150° +210°
- DCE8DF
Clair de Lune
- E7E2EE
≈ Farsighted
- EFE0E3
≈ Pink Booties
Dörtlü +90° +180° +270°
- DCE8DF
Clair de Lune
- DBE6EF
≈ Space Wolves Grey
- ECE0E9
≈ Tiara Jewel
- EDE2D9
≈ Merlin’s Beard
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.65:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.65:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--clair-de-lune: #dce8df;
--clair-de-lune-rgb: 220 232 223;
--clair-de-lune-oklch: oklch(0.919 0.018 153.5);
}
.element {
color: var(--clair-de-lune);
background-color: hsl(135 21% 89%);
border-color: oklch(0.919 0.018 153.5);
}Tailwind CSS v4
@theme {
--color-clair-de-lune: #dce8df;
--color-clair-de-lune-50: #f1f7f3;
--color-clair-de-lune-100: #e3eae5;
--color-clair-de-lune-200: #cfd7d1;
--color-clair-de-lune-300: #b1bab4;
--color-clair-de-lune-400: #97a29a;
--color-clair-de-lune-500: #7e8a81;
--color-clair-de-lune-600: #6a756d;
--color-clair-de-lune-700: #555d57;
--color-clair-de-lune-800: #3e443f;
--color-clair-de-lune-900: #2b2f2c;
--color-clair-de-lune-950: #181c19;
}SCSS
$clair-de-lune: #dce8df;
$clair-de-lune-rgb: 220, 232, 223;
$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);
}