En yakın adlandırılmış renk · #DFE9EB
#DFE9EB
En yakın adlandırılmış renk: Airy
#DFE9EB (rgb(223 233 235), hsl(190 23% 90%), oklch(0.927 0.011 211)) en çok Airy 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.
#DFE9EB
oklch(0.927 0.011 211)
Renk dönüşümleri
- HEX
- #dfe9eb
- RGB
- rgb(223 233 235)
- HSL
- hsl(190 23% 90%)
- HWB
- hwb(190 87% 8%)
- OKLCH
- oklch(0.927 0.011 211)
- OKLab
- oklab(0.927 -0.009 -0.006)
- CIE Lab
- lab(91.63 -3.17 -2.19)
- LCH
- lch(91.63 3.86 214.6)
- CMYK
- cmyk(5% 1% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2EBED
- E5EDEF
- E9F0F1
- ECF2F3
- EFF4F5
- F2F6F7
- F5F8F9
- F9FBFB
- FCFDFD
Koyu tonlar
- C2CBCC
- A5ADAE
- 8A9091
- 6F7475
- 565A5B
- 3D4141
- 272929
- 121313
- 020303
Gri tonlar
- D5DEE0
- CBD3D5
- C2C8CA
- B8BEBF
- AEB3B4
- A5A9A9
- 9B9E9F
- 929494
- 898A8A
Renk uyumları
Tamamlayıcı +180°
- DFE9EB
Airy
- EEE4E2
≈ Whimsical White
Analog -30° +30°
- DFE9EB
Airy
- DFE9E7
≈ Calm
- E1E8EE
≈ Morning Haze
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
- DFE9EB
Airy
- EEE4E6
≈ Lavender Pearl
- EDE5E0
≈ Aimee
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.23:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.99:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.99:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--airy: #dfe9eb;
--airy-rgb: 223 233 235;
--airy-oklch: oklch(0.927 0.011 211);
}
.element {
color: var(--airy);
background-color: hsl(190 23% 90%);
border-color: oklch(0.927 0.011 211);
}Tailwind CSS v4
@theme {
--color-airy: #dfe9eb;
--color-airy-50: #f2f6f7;
--color-airy-100: #e4e9ea;
--color-airy-200: #cfd5d7;
--color-airy-300: #b1b9bb;
--color-airy-400: #97a0a2;
--color-airy-500: #7e888a;
--color-airy-600: #6b7375;
--color-airy-700: #555c5e;
--color-airy-800: #3e4344;
--color-airy-900: #2b2f2f;
--color-airy-950: #181b1c;
}SCSS
$airy: #dfe9eb;
$airy-rgb: 223, 233, 235;
$airy-light: mix(#fff, $airy, 20%);
$airy-dark: mix(#000, $airy, 20%);
.element {
color: $airy;
box-shadow: 0 0 0 2px rgba($airy, 0.35);
}