이름 색상 · #DAE3E7
Cityscape
Cityscape은(는) #DAE3E7: rgb(218 227 231), hsl(198 21% 88%), oklch(0.91 0.011 226). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Cityscape color name →
#DAE3E7
oklch(0.91 0.011 226)
색상 변환
- HEX
- #dae3e7
- RGB
- rgb(218 227 231)
- HSL
- hsl(198 21% 88%)
- HWB
- hwb(198 85% 9%)
- OKLCH
- oklch(0.91 0.011 226)
- OKLab
- oklab(0.91 -0.008 -0.008)
- CIE Lab
- lab(89.63 -2.56 -3.06)
- LCH
- lch(89.63 3.99 230)
- CMYK
- cmyk(6% 2% 0% 9%)
틴트 · 셰이드 · 톤
틴트
- DEE6E9
- E1E9EC
- E5EBEE
- E9EEF1
- ECF1F3
- F0F4F5
- F4F7F8
- F8F9FA
- FBFCFD
셰이드
- BDC5C9
- A2A8AB
- 878C8F
- 6C7173
- 545759
- 3C3F40
- 252728
- 111213
- 020303
톤
- D1D9DC
- C7CED2
- BEC4C7
- B5BABC
- ACB0B2
- A3A6A8
- 9A9D9E
- 919394
- 89898A
색 조화
보색 +180°
- DAE3E7
Cityscape
- E8DFDB
≈ Memories
유사색 -30° +30°
- DAE3E7
Cityscape
- D9E4E4
≈ Subtle Blue
- DDE2E9
≈ Frosty Fog
삼각 배색 +120° +240°
- DAE3E7
Cityscape
- E7DEE3
≈ Precocious Red
- E2E2DA
≈ Snow Drift
분열 보색 +150° +210°
- DAE3E7
Cityscape
- E9DEDF
≈ Pink Posey
- E6E0D9
≈ Zürich White
사각 배색 +90° +180° +270°
- DAE3E7
Cityscape
- E4DFE6
≈ White Bud
- E8DFDB
≈ Memories
- DEE3DC
≈ Slow Down
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.12:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.12:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--cityscape: #dae3e7;
--cityscape-rgb: 218 227 231;
--cityscape-oklch: oklch(0.91 0.011 226);
}
.element {
color: var(--cityscape);
background-color: hsl(198 21% 88%);
border-color: oklch(0.91 0.011 226);
}Tailwind CSS v4
@theme {
--color-cityscape: #dae3e7;
--color-cityscape-50: #f2f6f8;
--color-cityscape-100: #e4e9eb;
--color-cityscape-200: #d0d5d8;
--color-cityscape-300: #b2b9bc;
--color-cityscape-400: #98a0a3;
--color-cityscape-500: #7f888c;
--color-cityscape-600: #6b7376;
--color-cityscape-700: #565c5f;
--color-cityscape-800: #3e4345;
--color-cityscape-900: #2b2e30;
--color-cityscape-950: #181b1c;
}SCSS
$cityscape: #dae3e7;
$cityscape-rgb: 218, 227, 231;
$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);
}