Cor nomeada · #494C55
Deep Night
Deep Night é #494C55: rgb(73 76 85), hsl(225 8% 31%), oklch(0.417 0.015 271). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Deep Night color name →
#494C55
oklch(0.417 0.015 271)
Conversões de cor
- HEX
- #494c55
- RGB
- rgb(73 76 85)
- HSL
- hsl(225 8% 31%)
- HWB
- hwb(225 29% 67%)
- OKLCH
- oklch(0.417 0.015 271)
- OKLab
- oklab(0.417 0 -0.015)
- CIE Lab
- lab(32.29 0.32 -5.78)
- LCH
- lch(32.29 5.79 273.2)
- CMYK
- cmyk(14% 11% 0% 67%)
Tons claros · Sombras · Tons
Tons claros
- 595C64
- 6A6D74
- 7B7E84
- 8D8F95
- 9FA1A6
- B2B3B7
- C4C6C9
- D8D8DB
- EBECED
Sombras
- 3E4149
- 34363D
- 2A2C31
- 202226
- 17181C
- 0E0F11
- 060608
- 020202
- 000000
Tons
- 4E5159
- 54565D
- 595B62
- 5E6066
- 64656A
- 696B6F
- 6F7073
- 757577
- 7A7B7C
Harmonias de cor
Complementar +180°
- 494C55
Deep Night
- 4F4C43
≈ Arrowhead
Análoga -30° +30°
- 494C55
Deep Night
- 454E54
≈ Sooty Lashes
- 4E4A54
≈ Galaxy
Tríade +120° +240°
- 494C55
Deep Night
- 544947
≈ Périgord Truffle
- 464F48
≈ Park Avenue
Complementar dividida +150° +210°
- 494C55
Deep Night
- 534B44
≈ Brown Fox
- 4B4E44
≈ Ruskin Bronze
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.57:1 · APCA Lc 90
Ag
FailSobre preto
WCAG 2.44:1 · APCA Lc 13
Melhor cor de texto: #FFFFFF
WCAG 8.57:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--deep-night: #494c55;
--deep-night-rgb: 73 76 85;
--deep-night-oklch: oklch(0.417 0.015 271);
}
.element {
color: var(--deep-night);
background-color: hsl(225 8% 31%);
border-color: oklch(0.417 0.015 271);
}Tailwind CSS v4
@theme {
--color-deep-night: #494c55;
--color-deep-night-50: #f3f5fa;
--color-deep-night-100: #e6e8ed;
--color-deep-night-200: #d2d4db;
--color-deep-night-300: #b4b7c0;
--color-deep-night-400: #9b9ea8;
--color-deep-night-500: #828691;
--color-deep-night-600: #6e717a;
--color-deep-night-700: #585b62;
--color-deep-night-800: #404248;
--color-deep-night-900: #2c2e32;
--color-deep-night-950: #191a1e;
}SCSS
$deep-night: #494c55;
$deep-night-rgb: 73, 76, 85;
$deep-night-light: mix(#fff, $deep-night, 20%);
$deep-night-dark: mix(#000, $deep-night, 20%);
.element {
color: $deep-night;
box-shadow: 0 0 0 2px rgba($deep-night, 0.35);
}