가장 가까운 이름 색상 · #DCE5E8
#DCE5E8
가장 가까운 이름 색상: Cityscape
#DCE5E8(rgb(220 229 232), hsl(195 21% 89%), oklch(0.916 0.011 219.6))와 가장 가까운 이름 색상은 Cityscape입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DCE5E8
oklch(0.916 0.011 219.6)
색상 변환
- HEX
- #dce5e8
- RGB
- rgb(220 229 232)
- HSL
- hsl(195 21% 89%)
- HWB
- hwb(195 86% 9%)
- OKLCH
- oklch(0.916 0.011 219.6)
- OKLab
- oklab(0.916 -0.008 -0.007)
- CIE Lab
- lab(90.32 -2.7 -2.57)
- LCH
- lch(90.32 3.73 223.5)
- CMYK
- cmyk(5% 1% 0% 9%)
틴트 · 셰이드 · 톤
틴트
- DFE8EA
- E3EAED
- E6EDEF
- EAEFF1
- EDF2F3
- F1F5F6
- F4F7F8
- F8FAFA
- FBFCFD
셰이드
- BFC7CA
- A3AAAC
- 888E90
- 6E7274
- 545859
- 3C3F40
- 262829
- 111213
- 020303
톤
- D2DADD
- C9D0D2
- BFC6C8
- B6BBBD
- ADB1B3
- A4A7A8
- 9B9D9E
- 929394
- 898A8A
색 조화
보색 +180°
- DCE5E8
Cityscape
- EAE1DE
≈ Sweet Roses
유사색 -30° +30°
- DCE5E8
Cityscape
- DCE6E5
≈ Cameo Green
- DEE4EA
≈ Pearl City
삼각 배색 +120° +240°
- DCE5E8
Cityscape
- E8E1E5
≈ Lavender Pizzazz
- E5E3DC
≈ Swan Dive
분열 보색 +150° +210°
- DCE5E8
Cityscape
- EAE0E2
≈ Misty Morn
- E8E2DC
≈ White Opal
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.27:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.41:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.41:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--cityscape: #dce5e8;
--cityscape-rgb: 220 229 232;
--cityscape-oklch: oklch(0.916 0.011 219.6);
}
.element {
color: var(--cityscape);
background-color: hsl(195 21% 89%);
border-color: oklch(0.916 0.011 219.6);
}Tailwind CSS v4
@theme {
--color-cityscape: #dce5e8;
--color-cityscape-50: #f2f6f7;
--color-cityscape-100: #e4e9ea;
--color-cityscape-200: #d0d5d7;
--color-cityscape-300: #b2b9bb;
--color-cityscape-400: #98a0a3;
--color-cityscape-500: #7f888b;
--color-cityscape-600: #6b7376;
--color-cityscape-700: #565c5e;
--color-cityscape-800: #3e4345;
--color-cityscape-900: #2b2e30;
--color-cityscape-950: #181b1c;
}SCSS
$cityscape: #dce5e8;
$cityscape-rgb: 220, 229, 232;
$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);
}