Benannte Farbe · #C6D6D7
Skydiving
Skydiving ist #C6D6D7: rgb(198 214 215), hsl(184 18% 81%), oklch(0.864 0.017 201.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Skydiving color name →
#C6D6D7
oklch(0.864 0.017 201.4)
Farbumrechnungen
- HEX
- #c6d6d7
- RGB
- rgb(198 214 215)
- HSL
- hsl(184 18% 81%)
- HWB
- hwb(184 78% 16%)
- OKLCH
- oklch(0.864 0.017 201.4)
- OKLab
- oklab(0.864 -0.016 -0.006)
- CIE Lab
- lab(84.43 -5.43 -2.44)
- LCH
- lch(84.43 5.96 204.2)
- CMYK
- cmyk(8% 0% 0% 16%)
Tints · Shades · Tones
Tints
- CCDADB
- D1DEDF
- D7E2E3
- DDE6E7
- E2EAEB
- E8EEEF
- EEF3F3
- F3F7F7
- F9FBFB
Shades
- ACBABB
- 929E9F
- 7A8485
- 626A6B
- 4B5252
- 353B3B
- 212525
- 0E1011
- 020202
Tones
- BFCDCE
- B8C4C5
- B0BBBC
- A9B3B3
- A2AAAA
- 9BA1A2
- 949999
- 8E9191
- 878888
Farbharmonien
Komplementär +180°
- C6D6D7
Skydiving
- DECECD
≈ Light Hint of Lavender
Analog -30° +30°
- C6D6D7
Skydiving
- C8D6D1
≈ Powdered Pool
- C8D5DC
≈ Nearsighted
Triadisch +120° +240°
- C6D6D7
Skydiving
- D8CFD9
≈ Light Puffball
- D8D1C6
≈ Rotunda White
Geteilt komplementär +150° +210°
- C6D6D7
Skydiving
- DCCED4
≈ Stardust Ballroom
- DCCFC8
≈ Mushroom Risotto
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.49:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.00:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 14.00:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--skydiving: #c6d6d7;
--skydiving-rgb: 198 214 215;
--skydiving-oklch: oklch(0.864 0.017 201.4);
}
.element {
color: var(--skydiving);
background-color: hsl(184 18% 81%);
border-color: oklch(0.864 0.017 201.4);
}Tailwind CSS v4
@theme {
--color-skydiving: #c6d6d7;
--color-skydiving-50: #f0f7f7;
--color-skydiving-100: #e2eaea;
--color-skydiving-200: #ccd6d7;
--color-skydiving-300: #aebabb;
--color-skydiving-400: #93a2a3;
--color-skydiving-500: #798a8b;
--color-skydiving-600: #677575;
--color-skydiving-700: #525d5e;
--color-skydiving-800: #3c4445;
--color-skydiving-900: #292f2f;
--color-skydiving-950: #171c1c;
}SCSS
$skydiving: #c6d6d7;
$skydiving-rgb: 198, 214, 215;
$skydiving-light: mix(#fff, $skydiving, 20%);
$skydiving-dark: mix(#000, $skydiving, 20%);
.element {
color: $skydiving;
box-shadow: 0 0 0 2px rgba($skydiving, 0.35);
}