Cor nomeada · #8FA2A2
October Sky
October Sky é #8FA2A2: rgb(143 162 162), hsl(180 9% 60%), oklch(0.697 0.021 196.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · October Sky color name →
#8FA2A2
oklch(0.697 0.021 196.7)
Conversões de cor
- HEX
- #8fa2a2
- RGB
- rgb(143 162 162)
- HSL
- hsl(180 9% 60%)
- HWB
- hwb(180 56% 36%)
- OKLCH
- oklch(0.697 0.021 196.7)
- OKLab
- oklab(0.697 -0.021 -0.006)
- CIE Lab
- lab(65.12 -6.92 -2.39)
- LCH
- lch(65.12 7.32 199)
- CMYK
- cmyk(12% 0% 0% 36%)
Tons claros · Sombras · Tons
Tons claros
- 9AABAB
- A5B4B4
- B0BDBD
- BBC6C6
- C6D0D0
- D1D9D9
- DCE2E2
- E8ECEC
- F3F5F5
Sombras
- 7C8C8C
- 697777
- 576363
- 454F4F
- 343C3C
- 242A2A
- 151919
- 070A0A
- 010101
Tons
- 8E9F9F
- 8C9B9B
- 8B9898
- 899494
- 889191
- 868D8D
- 858A8A
- 838787
- 828383
Harmonias de cor
Complementar +180°
- 8FA2A2
October Sky
- AB9999
≈ Heirloom Orchid
Análoga -30° +30°
- 8FA2A2
October Sky
- 92A29B
≈ Spruce Shade
- 90A1A8
≈ Stormy Skies
Tríade +120° +240°
- 8FA2A2
October Sky
- A39AA7
≈ Native Lilac
- A59C8F
≈ Sacred Vortex
Complementar dividida +150° +210°
- 8FA2A2
October Sky
- A899A0
≈ Fig Preserves
- AA9A93
≈ Goat
Tétrade +90° +180° +270°
- 8FA2A2
October Sky
- 9C9CAB
≈ Adhesion
- AB9999
≈ Heirloom Orchid
- 9F9F90
≈ Dawn
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.67:1 · APCA Lc 52
Ag
AAASobre preto
WCAG 7.85:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.85:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--october-sky: #8fa2a2;
--october-sky-rgb: 143 162 162;
--october-sky-oklch: oklch(0.697 0.021 196.7);
}
.element {
color: var(--october-sky);
background-color: hsl(180 9% 60%);
border-color: oklch(0.697 0.021 196.7);
}Tailwind CSS v4
@theme {
--color-october-sky: #8fa2a2;
--color-october-sky-50: #eef7f7;
--color-october-sky-100: #e0eaea;
--color-october-sky-200: #cad7d7;
--color-october-sky-300: #abbbbb;
--color-october-sky-400: #91a3a3;
--color-october-sky-500: #768b8b;
--color-october-sky-600: #647575;
--color-october-sky-700: #505e5e;
--color-october-sky-800: #3a4545;
--color-october-sky-900: #28302f;
--color-october-sky-950: #161c1c;
}SCSS
$october-sky: #8fa2a2;
$october-sky-rgb: 143, 162, 162;
$october-sky-light: mix(#fff, $october-sky, 20%);
$october-sky-dark: mix(#000, $october-sky, 20%);
.element {
color: $october-sky;
box-shadow: 0 0 0 2px rgba($october-sky, 0.35);
}