Benannte Farbe · #DBE9ED
Sidewalk Chalk Blue
Sidewalk Chalk Blue ist #DBE9ED: rgb(219 233 237), hsl(193 33% 89%), oklch(0.925 0.016 216.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sidewalk Chalk Blue color name →
#DBE9ED
oklch(0.925 0.016 216.7)
Farbumrechnungen
- HEX
- #dbe9ed
- RGB
- rgb(219 233 237)
- HSL
- hsl(193 33% 89%)
- HWB
- hwb(193 86% 7%)
- OKLCH
- oklch(0.925 0.016 216.7)
- OKLab
- oklab(0.925 -0.013 -0.01)
- CIE Lab
- lab(91.37 -4.25 -3.64)
- LCH
- lch(91.37 5.59 220.6)
- CMYK
- cmyk(8% 2% 0% 7%)
Tints · Shades · Tones
Tints
- DFEBEF
- E2EDF1
- E6F0F2
- E9F2F4
- EDF4F6
- F1F6F8
- F4F8FA
- F8FBFB
- FBFDFD
Shades
- BECBCE
- A2ADB0
- 879093
- 6D7477
- 545A5C
- 3C4142
- 26292A
- 111314
- 020303
Tones
- D2DEE2
- C8D3D6
- BFC8CB
- B6BEC0
- ACB3B5
- A3A9AA
- 9A9E9F
- 929495
- 898A8A
Farbharmonien
Komplementär +180°
- DBE9ED
Sidewalk Chalk Blue
- F0E3DF
≈ Rosa Vieja
Analog -30° +30°
- DBE9ED
Sidewalk Chalk Blue
- DBEAE8
≈ Carefree
- DEE7F0
≈ Radiant Moon
Triadisch +120° +240°
- DBE9ED
Sidewalk Chalk Blue
- EEE2EA
≈ Heaven Sent
- E9E6DB
≈ Narvik
Geteilt komplementär +150° +210°
- DBE9ED
Sidewalk Chalk Blue
- F0E2E4
≈ Dulcet Pink
- EEE4DB
≈ Sweet Gardenia
Tetradisch +90° +180° +270°
- DBE9ED
Sidewalk Chalk Blue
- E9E4EF
≈ Modest Violet
- F0E3DF
≈ Rosa Vieja
- E3E8DD
≈ Minified Moss
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.24:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.89:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 16.89:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--sidewalk-chalk-blue: #dbe9ed;
--sidewalk-chalk-blue-rgb: 219 233 237;
--sidewalk-chalk-blue-oklch: oklch(0.925 0.016 216.7);
}
.element {
color: var(--sidewalk-chalk-blue);
background-color: hsl(193 33% 89%);
border-color: oklch(0.925 0.016 216.7);
}Tailwind CSS v4
@theme {
--color-sidewalk-chalk-blue: #dbe9ed;
--color-sidewalk-chalk-blue-50: #f0f6f8;
--color-sidewalk-chalk-blue-100: #e2e9eb;
--color-sidewalk-chalk-blue-200: #cdd6d9;
--color-sidewalk-chalk-blue-300: #afb9bd;
--color-sidewalk-chalk-blue-400: #94a1a4;
--color-sidewalk-chalk-blue-500: #7b898d;
--color-sidewalk-chalk-blue-600: #687477;
--color-sidewalk-chalk-blue-700: #535d5f;
--color-sidewalk-chalk-blue-800: #3c4446;
--color-sidewalk-chalk-blue-900: #292f30;
--color-sidewalk-chalk-blue-950: #171b1d;
}SCSS
$sidewalk-chalk-blue: #dbe9ed;
$sidewalk-chalk-blue-rgb: 219, 233, 237;
$sidewalk-chalk-blue-light: mix(#fff, $sidewalk-chalk-blue, 20%);
$sidewalk-chalk-blue-dark: mix(#000, $sidewalk-chalk-blue, 20%);
.element {
color: $sidewalk-chalk-blue;
box-shadow: 0 0 0 2px rgba($sidewalk-chalk-blue, 0.35);
}