Colore con nome · #C8CDD8
Post Apocalyptic Cloud
Post Apocalyptic Cloud è #C8CDD8: rgb(200 205 216), hsl(221 17% 82%), oklch(0.848 0.016 266.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Post Apocalyptic Cloud color name →
#C8CDD8
oklch(0.848 0.016 266.3)
Conversioni di colore
- HEX
- #c8cdd8
- RGB
- rgb(200 205 216)
- HSL
- hsl(221 17% 82%)
- HWB
- hwb(221 78% 15%)
- OKLCH
- oklch(0.848 0.016 266.3)
- OKLab
- oklab(0.848 -0.001 -0.016)
- CIE Lab
- lab(82.26 -0.2 -6.1)
- LCH
- lch(82.26 6.11 268.1)
- CMYK
- cmyk(7% 5% 0% 15%)
Tinte · Ombre · Toni
Tinte
- CDD2DC
- D3D7E0
- D8DCE4
- DEE1E7
- E3E6EB
- E9EBEF
- EEF0F3
- F4F5F7
- F9FAFB
Ombre
- AEB2BC
- 9498A0
- 7B7E85
- 63666B
- 4C4E53
- 36383B
- 212325
- 0F0F11
- 020202
Toni
- C1C5CF
- B9BDC6
- B2B5BD
- ABADB4
- A3A6AB
- 9C9EA2
- 95969A
- 8E8F91
- 878788
Armonie di colore
Complementare +180°
- C8CDD8
Post Apocalyptic Cloud
- D2CCC1
≈ Crocodile Tooth
Analogo -30° +30°
- C8CDD8
Post Apocalyptic Cloud
- C4CFD6
≈ Catalyst Grey
- CECBD7
≈ Diaphanous
Triadico +120° +240°
- C8CDD8
Post Apocalyptic Cloud
- D7C9C7
≈ Orchid Blush
- C7D0C7
≈ Fountain Foam
Complementare divisa +150° +210°
- C8CDD8
Post Apocalyptic Cloud
- D6CBC3
≈ Dusky Morn
- CCCEC3
≈ Silhouette
Tetradico +90° +180° +270°
- C8CDD8
Post Apocalyptic Cloud
- D6C9CD
≈ Light Pink Polar
- D2CCC1
≈ Crocodile Tooth
- C3D1CC
≈ Winter Garden
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.17:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--post-apocalyptic-cloud: #c8cdd8;
--post-apocalyptic-cloud-rgb: 200 205 216;
--post-apocalyptic-cloud-oklch: oklch(0.848 0.016 266.3);
}
.element {
color: var(--post-apocalyptic-cloud);
background-color: hsl(221 17% 82%);
border-color: oklch(0.848 0.016 266.3);
}Tailwind CSS v4
@theme {
--color-post-apocalyptic-cloud: #c8cdd8;
--color-post-apocalyptic-cloud-50: #f3f5fa;
--color-post-apocalyptic-cloud-100: #e5e8ed;
--color-post-apocalyptic-cloud-200: #d1d4db;
--color-post-apocalyptic-cloud-300: #b4b7c0;
--color-post-apocalyptic-cloud-400: #9a9ea8;
--color-post-apocalyptic-cloud-500: #818691;
--color-post-apocalyptic-cloud-600: #6d727b;
--color-post-apocalyptic-cloud-700: #575b62;
--color-post-apocalyptic-cloud-800: #3f4248;
--color-post-apocalyptic-cloud-900: #2c2e32;
--color-post-apocalyptic-cloud-950: #191b1e;
}SCSS
$post-apocalyptic-cloud: #c8cdd8;
$post-apocalyptic-cloud-rgb: 200, 205, 216;
$post-apocalyptic-cloud-light: mix(#fff, $post-apocalyptic-cloud, 20%);
$post-apocalyptic-cloud-dark: mix(#000, $post-apocalyptic-cloud, 20%);
.element {
color: $post-apocalyptic-cloud;
box-shadow: 0 0 0 2px rgba($post-apocalyptic-cloud, 0.35);
}