Benannte Farbe · #CADADA
Cosmic Ray
Cosmic Ray ist #CADADA: rgb(202 218 218), hsl(180 18% 82%), oklch(0.876 0.017 196.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cosmic Ray color name →
#CADADA
oklch(0.876 0.017 196.8)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- CFDEDE
- D4E1E1
- DAE5E5
- DFE9E9
- E4ECEC
- EAF0F0
- EFF4F4
- F4F8F8
- FAFBFB
Shades
- AFBDBD
- 95A2A2
- 7C8787
- 646C6C
- 4D5454
- 373C3C
- 222525
- 0F1111
- 020202
Tones
- C2D1D1
- BBC7C7
- B3BEBE
- ACB5B5
- A4ACAC
- 9DA3A3
- 969A9A
- 8E9191
- 878989
Farbharmonien
Komplementär +180°
- CADADA
Cosmic Ray
- E1D2D2
≈ Pearl Rose
Analog -30° +30°
- CADADA
Cosmic Ray
- CCDAD4
≈ Silicate Light Turquoise
- CBD9DF
≈ Moonmist
Triadisch +120° +240°
- CADADA
Cosmic Ray
- DBD3DE
≈ Timid Violet
- DDD5CA
≈ Moon Drop
Geteilt komplementär +150° +210°
- CADADA
Cosmic Ray
- DFD2D8
≈ Secret Blush
- E1D3CD
≈ Sugar Berry
Tetradisch +90° +180° +270°
- CADADA
Cosmic Ray
- D5D5E1
≈ Purple Veil
- E1D2D2
≈ Pearl Rose
- D7D7CA
≈ Light Livingstone
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.44:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.55:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.55:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
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);
}