Adlandırılmış renk · #DEE8E1
Lost in Istanbul
Lost in Istanbul, #DEE8E1: rgb(222 232 225), hsl(138 18% 89%), oklch(0.921 0.014 155.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Lost in Istanbul color name →
#DEE8E1
oklch(0.921 0.014 155.6)
Renk dönüşümleri
- HEX
- #dee8e1
- RGB
- rgb(222 232 225)
- HSL
- hsl(138 18% 89%)
- HWB
- hwb(138 87% 9%)
- OKLCH
- oklch(0.921 0.014 155.6)
- OKLab
- oklab(0.921 -0.013 0.006)
- CIE Lab
- lab(91.08 -4.41 2.2)
- LCH
- lch(91.08 4.92 153.5)
- CMYK
- cmyk(4% 0% 3% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1EAE4
- E5EDE7
- E8EFEA
- EBF1ED
- EEF3F0
- F2F6F3
- F5F8F6
- F8FAF9
- FCFDFC
Koyu tonlar
- C1CAC4
- A5ACA7
- 89908B
- 6F7470
- 555956
- 3D403E
- 262927
- 121312
- 020302
Gri tonlar
- D4DDD7
- CAD2CD
- C1C8C3
- B7BDB9
- AEB3AF
- A4A8A6
- 9B9E9C
- 929493
- 898A89
Renk uyumları
Tamamlayıcı +180°
- DEE8E1
Lost in Istanbul
- EBE2E9
≈ Dream Dust
Analog -30° +30°
- DEE8E1
Lost in Istanbul
- E3E7DD
≈ Crystal Brooke
- DBE8E6
≈ Starburst
Üçlü +120° +240°
- DEE8E1
Lost in Istanbul
- E2E4EF
≈ Iris Ice
- EEE2DF
≈ Shattered Porcelain
Bölünmüş tamamlayıcı +150° +210°
- DEE8E1
Lost in Istanbul
- E7E3ED
≈ Soft Iris
- EEE1E4
≈ Pink Booties
Dörtlü +90° +180° +270°
- DEE8E1
Lost in Istanbul
- DEE6EE
≈ White Frost
- EBE2E9
≈ Dream Dust
- ECE3DB
≈ Bistro Napkin
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.25:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.73:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.73:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--lost-in-istanbul: #dee8e1;
--lost-in-istanbul-rgb: 222 232 225;
--lost-in-istanbul-oklch: oklch(0.921 0.014 155.6);
}
.element {
color: var(--lost-in-istanbul);
background-color: hsl(138 18% 89%);
border-color: oklch(0.921 0.014 155.6);
}Tailwind CSS v4
@theme {
--color-lost-in-istanbul: #dee8e1;
--color-lost-in-istanbul-50: #f2f6f3;
--color-lost-in-istanbul-100: #e4e9e6;
--color-lost-in-istanbul-200: #cfd6d2;
--color-lost-in-istanbul-300: #b2bab4;
--color-lost-in-istanbul-400: #98a19b;
--color-lost-in-istanbul-500: #7f8982;
--color-lost-in-istanbul-600: #6c746e;
--color-lost-in-istanbul-700: #565d58;
--color-lost-in-istanbul-800: #3f4440;
--color-lost-in-istanbul-900: #2b2f2c;
--color-lost-in-istanbul-950: #191b19;
}SCSS
$lost-in-istanbul: #dee8e1;
$lost-in-istanbul-rgb: 222, 232, 225;
$lost-in-istanbul-light: mix(#fff, $lost-in-istanbul, 20%);
$lost-in-istanbul-dark: mix(#000, $lost-in-istanbul, 20%);
.element {
color: $lost-in-istanbul;
box-shadow: 0 0 0 2px rgba($lost-in-istanbul, 0.35);
}