Benannte Farbe · #C2D3D6
Scandinavian Sky
Scandinavian Sky ist #C2D3D6: rgb(194 211 214), hsl(189 20% 80%), oklch(0.855 0.019 209.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Scandinavian Sky color name →
#C2D3D6
oklch(0.855 0.019 209.4)
Farbumrechnungen
- HEX
- #c2d3d6
- RGB
- rgb(194 211 214)
- HSL
- hsl(189 20% 80%)
- HWB
- hwb(189 76% 16%)
- OKLCH
- oklch(0.855 0.019 209.4)
- OKLab
- oklab(0.855 -0.016 -0.009)
- CIE Lab
- lab(83.33 -5.5 -3.56)
- LCH
- lch(83.33 6.55 212.9)
- CMYK
- cmyk(9% 1% 0% 16%)
Tints · Shades · Tones
Tints
- C8D7DA
- CEDCDE
- D4E0E2
- DAE4E6
- E0E9EA
- E6EDEE
- ECF2F3
- F3F6F7
- F9FBFB
Shades
- A8B7BA
- 8F9C9E
- 778284
- 60696A
- 495152
- 343A3B
- 202425
- 0E1010
- 020202
Tones
- BBCACD
- B4C2C4
- AEB9BB
- A7B1B3
- A0A9AA
- 9AA0A1
- 939899
- 8D9091
- 868888
Farbharmonien
Komplementär +180°
- C2D3D6
Scandinavian Sky
- DBCBC8
≈ Nut Milk
Analog -30° +30°
- C2D3D6
Scandinavian Sky
- C3D4CF
≈ Celtic Grey
- C5D1DB
≈ Polished Silver
Triadisch +120° +240°
- C2D3D6
Scandinavian Sky
- D7CBD5
≈ Purple Cream
- D4CFC2
≈ Modern Grey
Geteilt komplementär +150° +210°
- C2D3D6
Scandinavian Sky
- DBCACF
≈ Blush of Hyacinth
- D9CDC3
≈ Reticence
Tetradisch +90° +180° +270°
- C2D3D6
Scandinavian Sky
- D1CDDA
≈ Kundalini Bliss
- DBCBC8
≈ Nut Milk
- CED1C4
≈ Pan’s Flute
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.54:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.58:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.58:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--scandinavian-sky: #c2d3d6;
--scandinavian-sky-rgb: 194 211 214;
--scandinavian-sky-oklch: oklch(0.855 0.019 209.4);
}
.element {
color: var(--scandinavian-sky);
background-color: hsl(189 20% 80%);
border-color: oklch(0.855 0.019 209.4);
}Tailwind CSS v4
@theme {
--color-scandinavian-sky: #c2d3d6;
--color-scandinavian-sky-50: #eff7f8;
--color-scandinavian-sky-100: #e1eaeb;
--color-scandinavian-sky-200: #ccd7d9;
--color-scandinavian-sky-300: #adbabd;
--color-scandinavian-sky-400: #92a2a4;
--color-scandinavian-sky-500: #788a8d;
--color-scandinavian-sky-600: #667577;
--color-scandinavian-sky-700: #515d5f;
--color-scandinavian-sky-800: #3b4446;
--color-scandinavian-sky-900: #292f30;
--color-scandinavian-sky-950: #161c1c;
}SCSS
$scandinavian-sky: #c2d3d6;
$scandinavian-sky-rgb: 194, 211, 214;
$scandinavian-sky-light: mix(#fff, $scandinavian-sky, 20%);
$scandinavian-sky-dark: mix(#000, $scandinavian-sky, 20%);
.element {
color: $scandinavian-sky;
box-shadow: 0 0 0 2px rgba($scandinavian-sky, 0.35);
}