Cor nomeada · #415862
Steiglitz Fog
Steiglitz Fog é #415862: rgb(65 88 98), hsl(198 20% 32%), oklch(0.446 0.032 226.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Steiglitz Fog color name →
#415862
oklch(0.446 0.032 226.5)
Conversões de cor
- HEX
- #415862
- RGB
- rgb(65 88 98)
- HSL
- hsl(198 20% 32%)
- HWB
- hwb(198 25% 62%)
- OKLCH
- oklch(0.446 0.032 226.5)
- OKLab
- oklab(0.446 -0.022 -0.023)
- CIE Lab
- lab(35.82 -7 -8.78)
- LCH
- lch(35.82 11.23 231.4)
- CMYK
- cmyk(34% 10% 0% 62%)
Tons claros · Sombras · Tons
Tons claros
- 526770
- 64777F
- 76878E
- 89979E
- 9BA8AD
- AFB9BD
- C2CACD
- D6DBDE
- EAEDEE
Sombras
- 374B54
- 2E3F47
- 25333A
- 1C282D
- 131D21
- 0B1216
- 05090B
- 010303
- 000000
Tons
- 475C65
- 4E6068
- 54646B
- 5A686E
- 606C71
- 677074
- 6D7477
- 73787A
- 7A7C7D
Harmonias de cor
Complementar +180°
- 415862
Steiglitz Fog
- 644F45
≈ Connaisseur
Análoga -30° +30°
- 415862
Steiglitz Fog
- 3F5A5A
≈ Otter Creek
- 495566
≈ Property
Tríade +120° +240°
- 415862
Steiglitz Fog
- 624D58
≈ Berry Wine
- 565541
≈ Second Nature
Complementar dividida +150° +210°
- 415862
Steiglitz Fog
- 654D4E
≈ Robeson Rose
- 5E5240
≈ Walnut Hull
Tétrade +90° +180° +270°
- 415862
Steiglitz Fog
- 5B4F60
≈ Napa Grape
- 644F45
≈ Connaisseur
- 4C5847
≈ Green Mile
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.50:1 · APCA Lc 86
Ag
FailSobre preto
WCAG 2.79:1 · APCA Lc 16
Melhor cor de texto: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--steiglitz-fog: #415862;
--steiglitz-fog-rgb: 65 88 98;
--steiglitz-fog-oklch: oklch(0.446 0.032 226.5);
}
.element {
color: var(--steiglitz-fog);
background-color: hsl(198 20% 32%);
border-color: oklch(0.446 0.032 226.5);
}Tailwind CSS v4
@theme {
--color-steiglitz-fog: #415862;
--color-steiglitz-fog-50: #ecf7fd;
--color-steiglitz-fog-100: #ddeaf1;
--color-steiglitz-fog-200: #c7d7df;
--color-steiglitz-fog-300: #a7bbc5;
--color-steiglitz-fog-400: #8ba3ad;
--color-steiglitz-fog-500: #708b97;
--color-steiglitz-fog-600: #5f7680;
--color-steiglitz-fog-700: #4c5e66;
--color-steiglitz-fog-800: #37454b;
--color-steiglitz-fog-900: #253034;
--color-steiglitz-fog-950: #141c1f;
}SCSS
$steiglitz-fog: #415862;
$steiglitz-fog-rgb: 65, 88, 98;
$steiglitz-fog-light: mix(#fff, $steiglitz-fog, 20%);
$steiglitz-fog-dark: mix(#000, $steiglitz-fog, 20%);
.element {
color: $steiglitz-fog;
box-shadow: 0 0 0 2px rgba($steiglitz-fog, 0.35);
}