Colore con nome · #C0C4C6
Galactic Tint
Galactic Tint è #C0C4C6: rgb(192 196 198), hsl(200 5% 76%), oklch(0.818 0.005 228.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Galactic Tint color name →
#C0C4C6
oklch(0.818 0.005 228.8)
Conversioni di colore
- HEX
- #c0c4c6
- RGB
- rgb(192 196 198)
- HSL
- hsl(200 5% 76%)
- HWB
- hwb(200 75% 22%)
- OKLCH
- oklch(0.818 0.005 228.8)
- OKLab
- oklab(0.818 -0.003 -0.004)
- CIE Lab
- lab(78.88 -1.15 -1.51)
- LCH
- lch(78.88 1.9 232.8)
- CMYK
- cmyk(3% 1% 0% 22%)
Tinte · Ombre · Toni
Tinte
- C6CACC
- CCD0D1
- D3D5D7
- D9DBDC
- DFE1E2
- E5E7E8
- ECEDEE
- F2F3F3
- F9F9F9
Ombre
- A7AAAC
- 8E9192
- 76787A
- 5F6162
- 494A4B
- 343535
- 202121
- 0E0E0E
- 020202
Toni
- B9BDBF
- B3B6B8
- ACAFB0
- A6A8A9
- 9FA1A2
- 999B9B
- 939494
- 8C8D8E
- 868787
Armonie di colore
Complementare +180°
- C0C4C6
Galactic Tint
- C6C2C0
≈ Place of Dust
Analogo -30° +30°
- C0C4C6
Galactic Tint
- C0C4C4
≈ Foil
- C1C3C7
≈ Pico Metal
Triadico +120° +240°
- C0C4C6
Galactic Tint
- C6C2C4
≈ Such Melodrama
- C3C4C0
≈ Granitine
Complementare divisa +150° +210°
- C0C4C6
Galactic Tint
- C7C2C2
≈ White Flag
- C5C3C0
≈ Place of Dust
Tetradico +90° +180° +270°
- C0C4C6
Galactic Tint
- C5C2C5
≈ Such Melodrama
- C6C2C0
≈ Place of Dust
- C2C4C1
≈ Granitine
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.95:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 11.95:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--galactic-tint: #c0c4c6;
--galactic-tint-rgb: 192 196 198;
--galactic-tint-oklch: oklch(0.818 0.005 228.8);
}
.element {
color: var(--galactic-tint);
background-color: hsl(200 5% 76%);
border-color: oklch(0.818 0.005 228.8);
}Tailwind CSS v4
@theme {
--color-galactic-tint: #c0c4c6;
--color-galactic-tint-50: #f4f5f6;
--color-galactic-tint-100: #e6e8e9;
--color-galactic-tint-200: #d2d5d6;
--color-galactic-tint-300: #b5b8b9;
--color-galactic-tint-400: #9b9fa1;
--color-galactic-tint-500: #838789;
--color-galactic-tint-600: #6f7274;
--color-galactic-tint-700: #585b5d;
--color-galactic-tint-800: #404344;
--color-galactic-tint-900: #2c2e2f;
--color-galactic-tint-950: #1a1b1b;
}SCSS
$galactic-tint: #c0c4c6;
$galactic-tint-rgb: 192, 196, 198;
$galactic-tint-light: mix(#fff, $galactic-tint, 20%);
$galactic-tint-dark: mix(#000, $galactic-tint, 20%);
.element {
color: $galactic-tint;
box-shadow: 0 0 0 2px rgba($galactic-tint, 0.35);
}