Nearest named color · #DBE4E8
#DBE4E8
Nearest named color: Cityscape
#DBE4E8 (rgb(219 228 232), hsl(198 22% 88%), oklch(0.913 0.011 226)) is closest to the named color Cityscape. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DBE4E8
oklch(0.913 0.011 226)
Color conversions
- HEX
- #dbe4e8
- RGB
- rgb(219 228 232)
- HSL
- hsl(198 22% 88%)
- HWB
- hwb(198 86% 9%)
- OKLCH
- oklch(0.913 0.011 226)
- OKLab
- oklab(0.913 -0.008 -0.008)
- CIE Lab
- lab(89.98 -2.56 -3.06)
- LCH
- lch(89.98 3.99 230)
- CMYK
- cmyk(6% 2% 0% 9%)
Tints · Shades · Tones
Tints
- DFE7EA
- E2E9ED
- E6ECEF
- E9EFF1
- EDF1F3
- F1F4F6
- F4F7F8
- F8FAFA
- FBFCFD
Shades
- BEC6CA
- A2A9AC
- 878D90
- 6D7274
- 545859
- 3C3F40
- 262829
- 111213
- 020303
Tones
- D2DADD
- C8CFD2
- BFC5C8
- B6BBBD
- ACB1B3
- A3A7A8
- 9A9D9E
- 919394
- 898A8A
Color harmonies
Complementary +180°
- DBE4E8
Cityscape
- E9E0DC
≈ Sweet Roses
Analogous -30° +30°
- DBE4E8
Cityscape
- DAE5E5
≈ Airflow
- DEE3EA
≈ December Dawn
Triadic +120° +240°
- DBE4E8
Cityscape
- E8DFE4
≈ Sakura Nezu
- E3E3DB
≈ Snow Drift
Split-complementary +150° +210°
- DBE4E8
Cityscape
- EADFE0
≈ Pink Posey
- E7E1DA
≈ Zürich White
Tetradic +90° +180° +270°
- DBE4E8
Cityscape
- E5E0E7
≈ Selago
- E9E0DC
≈ Sweet Roses
- DFE4DD
≈ Silver Grass Traces
Contrast & accessibility
Ag
FailOn white
WCAG 1.29:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.27:1 · APCA Lc 89
Best text color: #000000
WCAG 16.27:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--cityscape: #dbe4e8;
--cityscape-rgb: 219 228 232;
--cityscape-oklch: oklch(0.913 0.011 226);
}
.element {
color: var(--cityscape);
background-color: hsl(198 22% 88%);
border-color: oklch(0.913 0.011 226);
}Tailwind CSS v4
@theme {
--color-cityscape: #dbe4e8;
--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: #dbe4e8;
$cityscape-rgb: 219, 228, 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);
}