Color con nombre · #767D86
Nocturnal
Nocturnal es #767D86: rgb(118 125 134), hsl(214 6% 49%), oklch(0.587 0.016 254.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Nocturnal color name →
#767D86
oklch(0.587 0.016 254.7)
Conversiones de color
- HEX
- #767d86
- RGB
- rgb(118 125 134)
- HSL
- hsl(214 6% 49%)
- HWB
- hwb(214 46% 47%)
- OKLCH
- oklch(0.587 0.016 254.7)
- OKLab
- oklab(0.587 -0.004 -0.016)
- CIE Lab
- lab(52.04 -1.25 -5.85)
- LCH
- lch(52.04 5.98 257.9)
- CMYK
- cmyk(12% 7% 0% 47%)
Tintes · Sombras · Tonos
Tintes
- 838991
- 90969D
- 9DA2A9
- ABAFB5
- B8BCC1
- C6C9CD
- D4D6D9
- E2E4E6
- F0F1F2
Sombras
- 666C74
- 565B62
- 474B51
- 383B40
- 292C30
- 1C1E21
- 0F1113
- 050506
- 010101
Tonos
- 777D85
- 787E85
- 797E84
- 7A7E84
- 7B7F83
- 7C7F82
- 7D7F82
- 7E7F81
- 7F8081
Armonías de color
Complementario +180°
- 767D86
Nocturnal
- 827B72
≈ Ricochet
Análogo -30° +30°
- 767D86
Nocturnal
- 737F84
≈ Courtyard Blue
- 7B7B86
≈ Silver Surfer
Triádico +120° +240°
- 767D86
Nocturnal
- 867979
≈ Complex Grey
- 787F75
≈ Retreat
Complementario dividido +150° +210°
- 767D86
Nocturnal
- 857A75
≈ Complex Grey
- 7D7D72
≈ Tapa
Tetrádico +90° +180° +270°
- 767D86
Nocturnal
- 84797E
≈ Soulmate
- 827B72
≈ Ricochet
- 747F7A
≈ Selenium
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.16:1 · APCA Lc 69
Ag
AASobre negro
WCAG 5.04:1 · APCA Lc 33
Mejor color de texto: #000000
WCAG 5.04:1 (AA) · APCA Lc 33
Contrast pairs
Fragmentos de código
CSS
:root {
--nocturnal: #767d86;
--nocturnal-rgb: 118 125 134;
--nocturnal-oklch: oklch(0.587 0.016 254.7);
}
.element {
color: var(--nocturnal);
background-color: hsl(214 6% 49%);
border-color: oklch(0.587 0.016 254.7);
}Tailwind CSS v4
@theme {
--color-nocturnal: #767d86;
--color-nocturnal-50: #f2f5fa;
--color-nocturnal-100: #e4e8ed;
--color-nocturnal-200: #d0d5db;
--color-nocturnal-300: #b2b8c0;
--color-nocturnal-400: #989fa8;
--color-nocturnal-500: #7f8791;
--color-nocturnal-600: #6c727b;
--color-nocturnal-700: #565b62;
--color-nocturnal-800: #3e4348;
--color-nocturnal-900: #2b2e32;
--color-nocturnal-950: #181b1e;
}SCSS
$nocturnal: #767d86;
$nocturnal-rgb: 118, 125, 134;
$nocturnal-light: mix(#fff, $nocturnal, 20%);
$nocturnal-dark: mix(#000, $nocturnal, 20%);
.element {
color: $nocturnal;
box-shadow: 0 0 0 2px rgba($nocturnal, 0.35);
}