Color con nombre · #8A99A3
Thundercat
Thundercat es #8A99A3: rgb(138 153 163), hsl(204 12% 59%), oklch(0.674 0.023 236.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Thundercat color name →
#8A99A3
oklch(0.674 0.023 236.9)
Conversiones de color
- HEX
- #8a99a3
- RGB
- rgb(138 153 163)
- HSL
- hsl(204 12% 59%)
- HWB
- hwb(204 54% 36%)
- OKLCH
- oklch(0.674 0.023 236.9)
- OKLab
- oklab(0.674 -0.012 -0.019)
- CIE Lab
- lab(62.26 -3.93 -7.17)
- LCH
- lch(62.26 8.18 241.3)
- CMYK
- cmyk(15% 6% 0% 36%)
Tintes · Sombras · Tonos
Tintes
- 95A3AC
- A0ADB5
- ACB7BE
- B7C1C7
- C3CBD0
- CFD5D9
- DBDFE3
- E7EAEC
- F3F4F5
Sombras
- 77848D
- 657078
- 535D63
- 424A4F
- 32383C
- 22272A
- 141719
- 07080A
- 010101
Tonos
- 89969F
- 88949C
- 879198
- 868F95
- 858C91
- 848A8E
- 83878A
- 828587
- 818283
Armonías de color
Complementario +180°
- 8A99A3
Thundercat
- A29389
≈ Chatura Beige
Análogo -30° +30°
- 8A99A3
Thundercat
- 879B9E
≈ North Beach Blue
- 9096A5
≈ Trance
Triádico +120° +240°
- 8A99A3
Thundercat
- A39197
≈ Nirvana
- 959989
≈ California Sagebrush
Complementario dividido +150° +210°
- 8A99A3
Thundercat
- A4928F
≈ Tribeca
- 9D9687
≈ Greywood
Tetrádico +90° +180° +270°
- 8A99A3
Thundercat
- 9E929E
≈ Cut Heather
- A29389
≈ Chatura Beige
- 8E9B8F
≈ Iceberg Green
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.93:1 · APCA Lc 56
Ag
AAASobre negro
WCAG 7.16:1 · APCA Lc 46
Mejor color de texto: #000000
WCAG 7.16:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmentos de código
CSS
:root {
--thundercat: #8a99a3;
--thundercat-rgb: 138 153 163;
--thundercat-oklch: oklch(0.674 0.023 236.9);
}
.element {
color: var(--thundercat);
background-color: hsl(204 12% 59%);
border-color: oklch(0.674 0.023 236.9);
}Tailwind CSS v4
@theme {
--color-thundercat: #8a99a3;
--color-thundercat-50: #eff6fb;
--color-thundercat-100: #e1e9ef;
--color-thundercat-200: #ccd6dd;
--color-thundercat-300: #adb9c2;
--color-thundercat-400: #92a1aa;
--color-thundercat-500: #798994;
--color-thundercat-600: #66747d;
--color-thundercat-700: #525d64;
--color-thundercat-800: #3b4449;
--color-thundercat-900: #292f33;
--color-thundercat-950: #161b1e;
}SCSS
$thundercat: #8a99a3;
$thundercat-rgb: 138, 153, 163;
$thundercat-light: mix(#fff, $thundercat, 20%);
$thundercat-dark: mix(#000, $thundercat, 20%);
.element {
color: $thundercat;
box-shadow: 0 0 0 2px rgba($thundercat, 0.35);
}