Benannte Farbe · #C7D6D0
Powdered Pool
Powdered Pool ist #C7D6D0: rgb(199 214 208), hsl(156 15% 81%), oklch(0.863 0.018 170). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Powdered Pool color name →
#C7D6D0
oklch(0.863 0.018 170)
Farbumrechnungen
- HEX
- #c7d6d0
- RGB
- rgb(199 214 208)
- HSL
- hsl(156 15% 81%)
- HWB
- hwb(156 78% 16%)
- OKLCH
- oklch(0.863 0.018 170)
- OKLab
- oklab(0.863 -0.018 0.003)
- CIE Lab
- lab(84.35 -6.08 1.14)
- LCH
- lch(84.35 6.19 169.4)
- CMYK
- cmyk(7% 0% 3% 16%)
Tints · Shades · Tones
Tints
- CDDAD5
- D2DED9
- D8E2DE
- DDE6E3
- E3EAE7
- E8EEEC
- EEF3F1
- F4F7F5
- F9FBFA
Shades
- ADBAB5
- 939E9A
- 7A8480
- 626A67
- 4C524F
- 363B39
- 212523
- 0E1010
- 020202
Tones
- C0CDC8
- B8C4BF
- B1BBB7
- AAB3AF
- A3AAA7
- 9CA19F
- 959997
- 8E918F
- 878888
Farbharmonien
Komplementär +180°
- C7D6D0
Powdered Pool
- DCCDD3
≈ Silver Mauve
Analog -30° +30°
- C7D6D0
Powdered Pool
- CCD5CA
≈ Celadon Glaze
- C5D6D7
≈ Skydiving
Triadisch +120° +240°
- C7D6D0
Powdered Pool
- D1D0DD
≈ Lavender Haze
- DCCFC8
≈ Mushroom Risotto
Geteilt komplementär +150° +210°
- C7D6D0
Powdered Pool
- D7CED9
≈ Light Puffball
- DECECD
≈ Light Hint of Lavender
Tetradisch +90° +180° +270°
- C7D6D0
Powdered Pool
- CBD2DE
≈ Gentle Blue
- DCCDD3
≈ Silver Mauve
- D8D1C5
≈ Mineral
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.50:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.95:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--powdered-pool: #c7d6d0;
--powdered-pool-rgb: 199 214 208;
--powdered-pool-oklch: oklch(0.863 0.018 170);
}
.element {
color: var(--powdered-pool);
background-color: hsl(156 15% 81%);
border-color: oklch(0.863 0.018 170);
}Tailwind CSS v4
@theme {
--color-powdered-pool: #c7d6d0;
--color-powdered-pool-50: #f0f7f4;
--color-powdered-pool-100: #e2eae7;
--color-powdered-pool-200: #cdd7d3;
--color-powdered-pool-300: #afbbb6;
--color-powdered-pool-400: #94a29d;
--color-powdered-pool-500: #7b8a84;
--color-powdered-pool-600: #687570;
--color-powdered-pool-700: #535e59;
--color-powdered-pool-800: #3d4441;
--color-powdered-pool-900: #2a2f2d;
--color-powdered-pool-950: #171c1a;
}SCSS
$powdered-pool: #c7d6d0;
$powdered-pool-rgb: 199, 214, 208;
$powdered-pool-light: mix(#fff, $powdered-pool, 20%);
$powdered-pool-dark: mix(#000, $powdered-pool, 20%);
.element {
color: $powdered-pool;
box-shadow: 0 0 0 2px rgba($powdered-pool, 0.35);
}