Benannte Farbe · #C5D8E9
Snowy Summit
Snowy Summit ist #C5D8E9: rgb(197 216 233), hsl(208 45% 84%), oklch(0.873 0.031 245.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Snowy Summit color name →
#C5D8E9
oklch(0.873 0.031 245.1)
Farbumrechnungen
- HEX
- #c5d8e9
- RGB
- rgb(197 216 233)
- HSL
- hsl(208 45% 84%)
- HWB
- hwb(208 77% 9%)
- OKLCH
- oklch(0.873 0.031 245.1)
- OKLab
- oklab(0.873 -0.013 -0.028)
- CIE Lab
- lab(85.3 -4.02 -10.66)
- LCH
- lch(85.3 11.39 249.3)
- CMYK
- cmyk(15% 7% 0% 9%)
Tints · Shades · Tones
Tints
- CBDCEB
- D0E0ED
- D6E4F0
- DCE8F2
- E2EBF4
- E8EFF6
- EDF3F8
- F3F7FB
- F9FBFD
Shades
- ABBCCB
- 92A0AD
- 798590
- 616B74
- 4B535A
- 353B41
- 212529
- 0E1113
- 020203
Tones
- BECFDE
- B7C6D3
- B0BDC8
- A9B4BE
- A2ABB3
- 9BA2A9
- 949A9E
- 8D9194
- 87888A
Farbharmonien
Komplementär +180°
- C5D8E9
Snowy Summit
- E4D2C0
≈ Sand Dune
Analog -30° +30°
- C5D8E9
Snowy Summit
- BFDBE2
≈ Quick-Freeze
- CFD4EA
≈ Garden Fairy
Triadisch +120° +240°
- C5D8E9
Snowy Summit
- E9CDD2
≈ Pink Pail
- D0D9C3
≈ Turning Leaf
Geteilt komplementär +150° +210°
- C5D8E9
Snowy Summit
- E9CFC8
≈ Honeysweet
- DBD6BF
≈ White Moss
Tetradisch +90° +180° +270°
- C5D8E9
Snowy Summit
- E3CEDD
≈ Summer Clover
- E4D2C0
≈ Sand Dune
- C6DCCD
≈ Green Wash
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.46:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.37:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.37:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--snowy-summit: #c5d8e9;
--snowy-summit-rgb: 197 216 233;
--snowy-summit-oklch: oklch(0.873 0.031 245.1);
}
.element {
color: var(--snowy-summit);
background-color: hsl(208 45% 84%);
border-color: oklch(0.873 0.031 245.1);
}Tailwind CSS v4
@theme {
--color-snowy-summit: #c5d8e9;
--color-snowy-summit-50: #eef6fe;
--color-snowy-summit-100: #e0e9f2;
--color-snowy-summit-200: #cad6e1;
--color-snowy-summit-300: #abb9c7;
--color-snowy-summit-400: #90a1b0;
--color-snowy-summit-500: #75899a;
--color-snowy-summit-600: #647482;
--color-snowy-summit-700: #4f5d68;
--color-snowy-summit-800: #39444d;
--color-snowy-summit-900: #272f35;
--color-snowy-summit-950: #151b20;
}SCSS
$snowy-summit: #c5d8e9;
$snowy-summit-rgb: 197, 216, 233;
$snowy-summit-light: mix(#fff, $snowy-summit, 20%);
$snowy-summit-dark: mix(#000, $snowy-summit, 20%);
.element {
color: $snowy-summit;
box-shadow: 0 0 0 2px rgba($snowy-summit, 0.35);
}