가장 가까운 이름 색상 · #DDE7EB
#DDE7EB
가장 가까운 이름 색상: Cityscape
#DDE7EB(rgb(221 231 235), hsl(197 26% 89%), oklch(0.922 0.012 223.5))와 가장 가까운 이름 색상은 Cityscape입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DDE7EB
oklch(0.922 0.012 223.5)
색상 변환
- HEX
- #dde7eb
- RGB
- rgb(221 231 235)
- HSL
- hsl(197 26% 89%)
- HWB
- hwb(197 87% 8%)
- OKLCH
- oklch(0.922 0.012 223.5)
- OKLab
- oklab(0.922 -0.009 -0.008)
- CIE Lab
- lab(90.97 -2.9 -3.17)
- LCH
- lch(90.97 4.29 227.6)
- CMYK
- cmyk(6% 2% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- E0E9ED
- E4ECEF
- E7EEF1
- EBF1F3
- EEF3F5
- F1F5F7
- F5F8F9
- F8FAFB
- FCFDFD
셰이드
- C0C9CC
- A4ABAE
- 888F91
- 6E7375
- 55595B
- 3D4041
- 262829
- 111313
- 020303
톤
- D3DCE0
- CAD2D5
- C0C7CA
- B7BCBF
- ADB2B4
- A4A8A9
- 9B9E9F
- 929494
- 898A8A
색 조화
보색 +180°
- DDE7EB
Cityscape
- EDE3DF
≈ Heart Stone
유사색 -30° +30°
- DDE7EB
Cityscape
- DCE8E7
≈ Starburst
- E0E6ED
≈ Genteel Lavender
삼각 배색 +120° +240°
- DDE7EB
Cityscape
- EBE2E7
≈ Dream Dust
- E6E6DD
≈ Morning Bread
분열 보색 +150° +210°
- DDE7EB
Cityscape
- EDE2E3
≈ Delicacy White
- EAE4DD
≈ Pampas
사각 배색 +90° +180° +270°
- DDE7EB
Cityscape
- E8E3EB
≈ Soft Iris
- EDE3DF
≈ Heart Stone
- E2E7DF
≈ Numero Uno
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.25:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.70:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.70:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--cityscape: #dde7eb;
--cityscape-rgb: 221 231 235;
--cityscape-oklch: oklch(0.922 0.012 223.5);
}
.element {
color: var(--cityscape);
background-color: hsl(197 26% 89%);
border-color: oklch(0.922 0.012 223.5);
}Tailwind CSS v4
@theme {
--color-cityscape: #dde7eb;
--color-cityscape-50: #f2f6f8;
--color-cityscape-100: #e4e9eb;
--color-cityscape-200: #cfd5d8;
--color-cityscape-300: #b1b9bc;
--color-cityscape-400: #97a0a4;
--color-cityscape-500: #7e888c;
--color-cityscape-600: #6b7376;
--color-cityscape-700: #555c5f;
--color-cityscape-800: #3e4345;
--color-cityscape-900: #2b2f30;
--color-cityscape-950: #181b1c;
}SCSS
$cityscape: #dde7eb;
$cityscape-rgb: 221, 231, 235;
$cityscape-light: mix(#fff, $cityscape, 20%);
$cityscape-dark: mix(#000, $cityscape, 20%);
.element {
color: $cityscape;
box-shadow: 0 0 0 2px rgba($cityscape, 0.35);
}