Cor nomeada · #C0C4C6
Galactic Tint
Galactic Tint é #C0C4C6: rgb(192 196 198), hsl(200 5% 76%), oklch(0.818 0.005 228.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Galactic Tint color name →
#C0C4C6
oklch(0.818 0.005 228.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C6CACC
- CCD0D1
- D3D5D7
- D9DBDC
- DFE1E2
- E5E7E8
- ECEDEE
- F2F3F3
- F9F9F9
Sombras
- A7AAAC
- 8E9192
- 76787A
- 5F6162
- 494A4B
- 343535
- 202121
- 0E0E0E
- 020202
Tons
- B9BDBF
- B3B6B8
- ACAFB0
- A6A8A9
- 9FA1A2
- 999B9B
- 939494
- 8C8D8E
- 868787
Harmonias de cor
Complementar +180°
- C0C4C6
Galactic Tint
- C6C2C0
≈ Place of Dust
Análoga -30° +30°
- C0C4C6
Galactic Tint
- C0C4C4
≈ Foil
- C1C3C7
≈ Pico Metal
Tríade +120° +240°
- C0C4C6
Galactic Tint
- C6C2C4
≈ Such Melodrama
- C3C4C0
≈ Granitine
Complementar dividida +150° +210°
- C0C4C6
Galactic Tint
- C7C2C2
≈ White Flag
- C5C3C0
≈ Place of Dust
Tétrade +90° +180° +270°
- C0C4C6
Galactic Tint
- C5C2C5
≈ Such Melodrama
- C6C2C0
≈ Place of Dust
- C2C4C1
≈ Granitine
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASobre preto
WCAG 11.95:1 · APCA Lc 71
Melhor cor de texto: #000000
WCAG 11.95:1 (AAA) · APCA Lc 71
Contrast pairs
Trechos de código
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);
}