Colore con nome · #CADADA
Cosmic Ray
Cosmic Ray è #CADADA: rgb(202 218 218), hsl(180 18% 82%), oklch(0.876 0.017 196.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cosmic Ray color name →
#CADADA
oklch(0.876 0.017 196.8)
Conversioni di colore
- HEX
- #cadada
- RGB
- rgb(202 218 218)
- HSL
- hsl(180 18% 82%)
- HWB
- hwb(180 79% 15%)
- OKLCH
- oklch(0.876 0.017 196.8)
- OKLab
- oklab(0.876 -0.016 -0.005)
- CIE Lab
- lab(85.83 -5.56 -1.94)
- LCH
- lch(85.83 5.89 199.3)
- CMYK
- cmyk(7% 0% 0% 15%)
Tinte · Ombre · Toni
Tinte
- CFDEDE
- D4E1E1
- DAE5E5
- DFE9E9
- E4ECEC
- EAF0F0
- EFF4F4
- F4F8F8
- FAFBFB
Ombre
- AFBDBD
- 95A2A2
- 7C8787
- 646C6C
- 4D5454
- 373C3C
- 222525
- 0F1111
- 020202
Toni
- C2D1D1
- BBC7C7
- B3BEBE
- ACB5B5
- A4ACAC
- 9DA3A3
- 969A9A
- 8E9191
- 878989
Armonie di colore
Complementare +180°
- CADADA
Cosmic Ray
- E1D2D2
≈ Pearl Rose
Analogo -30° +30°
- CADADA
Cosmic Ray
- CCDAD4
≈ Silicate Light Turquoise
- CBD9DF
≈ Moonmist
Triadico +120° +240°
- CADADA
Cosmic Ray
- DBD3DE
≈ Timid Violet
- DDD5CA
≈ Moon Drop
Complementare divisa +150° +210°
- CADADA
Cosmic Ray
- DFD2D8
≈ Secret Blush
- E1D3CD
≈ Sugar Berry
Tetradico +90° +180° +270°
- CADADA
Cosmic Ray
- D5D5E1
≈ Purple Veil
- E1D2D2
≈ Pearl Rose
- D7D7CA
≈ Light Livingstone
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.55:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.55:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--cosmic-ray: #cadada;
--cosmic-ray-rgb: 202 218 218;
--cosmic-ray-oklch: oklch(0.876 0.017 196.8);
}
.element {
color: var(--cosmic-ray);
background-color: hsl(180 18% 82%);
border-color: oklch(0.876 0.017 196.8);
}Tailwind CSS v4
@theme {
--color-cosmic-ray: #cadada;
--color-cosmic-ray-50: #f0f7f7;
--color-cosmic-ray-100: #e2eaea;
--color-cosmic-ray-200: #ccd7d7;
--color-cosmic-ray-300: #aebabb;
--color-cosmic-ray-400: #93a2a2;
--color-cosmic-ray-500: #7a8a8a;
--color-cosmic-ray-600: #677575;
--color-cosmic-ray-700: #525d5d;
--color-cosmic-ray-800: #3c4444;
--color-cosmic-ray-900: #292f2f;
--color-cosmic-ray-950: #171c1c;
}SCSS
$cosmic-ray: #cadada;
$cosmic-ray-rgb: 202, 218, 218;
$cosmic-ray-light: mix(#fff, $cosmic-ray, 20%);
$cosmic-ray-dark: mix(#000, $cosmic-ray, 20%);
.element {
color: $cosmic-ray;
box-shadow: 0 0 0 2px rgba($cosmic-ray, 0.35);
}