Najbliższy nazwany kolor · #DDE7EB
#DDE7EB
Najbliższy nazwany kolor: Cityscape
#DDE7EB (rgb(221 231 235), hsl(197 26% 89%), oklch(0.922 0.012 223.5)) jest najbliższy nazwanemu kolorowi Cityscape. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DDE7EB
oklch(0.922 0.012 223.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0E9ED
- E4ECEF
- E7EEF1
- EBF1F3
- EEF3F5
- F1F5F7
- F5F8F9
- F8FAFB
- FCFDFD
Odcienie ciemniejsze
- C0C9CC
- A4ABAE
- 888F91
- 6E7375
- 55595B
- 3D4041
- 262829
- 111313
- 020303
Tony
- D3DCE0
- CAD2D5
- C0C7CA
- B7BCBF
- ADB2B4
- A4A8A9
- 9B9E9F
- 929494
- 898A8A
Harmonie kolorów
Komplementarna +180°
- DDE7EB
Cityscape
- EDE3DF
≈ Heart Stone
Analogowa -30° +30°
- DDE7EB
Cityscape
- DCE8E7
≈ Starburst
- E0E6ED
≈ Genteel Lavender
Triada +120° +240°
- DDE7EB
Cityscape
- EBE2E7
≈ Dream Dust
- E6E6DD
≈ Morning Bread
Komplementarna rozszczepiona +150° +210°
- DDE7EB
Cityscape
- EDE2E3
≈ Delicacy White
- EAE4DD
≈ Pampas
Tetrada +90° +180° +270°
- DDE7EB
Cityscape
- E8E3EB
≈ Soft Iris
- EDE3DF
≈ Heart Stone
- E2E7DF
≈ Numero Uno
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.70:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.70:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
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);
}