이름 색상 · #DEE8E1
Lost in Istanbul
Lost in Istanbul은(는) #DEE8E1: rgb(222 232 225), hsl(138 18% 89%), oklch(0.921 0.014 155.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Lost in Istanbul color name →
#DEE8E1
oklch(0.921 0.014 155.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E1EAE4
- E5EDE7
- E8EFEA
- EBF1ED
- EEF3F0
- F2F6F3
- F5F8F6
- F8FAF9
- FCFDFC
셰이드
- C1CAC4
- A5ACA7
- 89908B
- 6F7470
- 555956
- 3D403E
- 262927
- 121312
- 020302
톤
- D4DDD7
- CAD2CD
- C1C8C3
- B7BDB9
- AEB3AF
- A4A8A6
- 9B9E9C
- 929493
- 898A89
색 조화
보색 +180°
- DEE8E1
Lost in Istanbul
- EBE2E9
≈ Dream Dust
유사색 -30° +30°
- DEE8E1
Lost in Istanbul
- E3E7DD
≈ Crystal Brooke
- DBE8E6
≈ Starburst
삼각 배색 +120° +240°
- DEE8E1
Lost in Istanbul
- E2E4EF
≈ Iris Ice
- EEE2DF
≈ Shattered Porcelain
분열 보색 +150° +210°
- DEE8E1
Lost in Istanbul
- E7E3ED
≈ Soft Iris
- EEE1E4
≈ Pink Booties
사각 배색 +90° +180° +270°
- DEE8E1
Lost in Istanbul
- DEE6EE
≈ White Frost
- EBE2E9
≈ Dream Dust
- ECE3DB
≈ Bistro Napkin
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.25:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.73:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.73:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
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);
}