Benannte Farbe · #D1D0C9
Skipping Rocks
Skipping Rocks ist #D1D0C9: rgb(209 208 201), hsl(53 8% 80%), oklch(0.856 0.01 100). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Skipping Rocks color name →
#D1D0C9
oklch(0.856 0.01 100)
Farbumrechnungen
- HEX
- #d1d0c9
- RGB
- rgb(209 208 201)
- HSL
- hsl(53 8% 80%)
- HWB
- hwb(53 79% 18%)
- OKLCH
- oklch(0.856 0.01 100)
- OKLab
- oklab(0.856 -0.002 0.009)
- CIE Lab
- lab(83.41 -0.57 3.61)
- LCH
- lch(83.41 3.66 99)
- CMYK
- cmyk(0% 0% 4% 18%)
Tints · Shades · Tones
Tints
- D6D5CE
- DAD9D4
- DFDED9
- E3E3DE
- E8E7E4
- ECECE9
- F1F1EF
- F6F5F4
- FAFAF9
Shades
- B5B5AE
- 9B9A95
- 81807C
- 686764
- 504F4C
- 393936
- 232322
- 10100F
- 020202
Tones
- C9C8C1
- C0BFBA
- B8B7B2
- B0AFAB
- A8A7A4
- A09F9C
- 989795
- 908F8E
- 888887
Farbharmonien
Komplementär +180°
- D1D0C9
Skipping Rocks
- CECFD6
≈ Ash Tree Bark
Analog -30° +30°
- D1D0C9
Skipping Rocks
- D4CFC9
≈ Polar Fox
- CED1CB
≈ Moorstone
Triadisch +120° +240°
- D1D0C9
Skipping Rocks
- C9D1D4
≈ Salina Springs
- D4CDD2
≈ Coverts Wood Pigeon
Geteilt komplementär +150° +210°
- D1D0C9
Skipping Rocks
- CBD0D6
≈ Light Starlight
- D2CED5
≈ Jam Session
Tetradisch +90° +180° +270°
- D1D0C9
Skipping Rocks
- C9D2D1
≈ Killer Fog
- CECFD6
≈ Ash Tree Bark
- D6CDCE
≈ Lilac Ash
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.54:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.57:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.57:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--skipping-rocks: #d1d0c9;
--skipping-rocks-rgb: 209 208 201;
--skipping-rocks-oklch: oklch(0.856 0.01 100);
}
.element {
color: var(--skipping-rocks);
background-color: hsl(53 8% 80%);
border-color: oklch(0.856 0.01 100);
}Tailwind CSS v4
@theme {
--color-skipping-rocks: #d1d0c9;
--color-skipping-rocks-50: #f5f5f2;
--color-skipping-rocks-100: #e8e8e4;
--color-skipping-rocks-200: #d5d4d0;
--color-skipping-rocks-300: #b8b8b2;
--color-skipping-rocks-400: #9f9f98;
--color-skipping-rocks-500: #87867f;
--color-skipping-rocks-600: #73726c;
--color-skipping-rocks-700: #5c5b56;
--color-skipping-rocks-800: #43423f;
--color-skipping-rocks-900: #2e2e2b;
--color-skipping-rocks-950: #1b1b18;
}SCSS
$skipping-rocks: #d1d0c9;
$skipping-rocks-rgb: 209, 208, 201;
$skipping-rocks-light: mix(#fff, $skipping-rocks, 20%);
$skipping-rocks-dark: mix(#000, $skipping-rocks, 20%);
.element {
color: $skipping-rocks;
box-shadow: 0 0 0 2px rgba($skipping-rocks, 0.35);
}