Color con nombre · #080813
Narwhal Grey
Narwhal Grey es #080813: rgb(8 8 19), hsl(240 41% 5%), oklch(0.141 0.024 282.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Narwhal Grey color name →
#080813
oklch(0.141 0.024 282.9)
Conversiones de color
- HEX
- #080813
- RGB
- rgb(8 8 19)
- HSL
- hsl(240 41% 5%)
- HWB
- hwb(240 3% 93%)
- OKLCH
- oklch(0.141 0.024 282.9)
- OKLab
- oklab(0.141 0.005 -0.024)
- CIE Lab
- lab(2.42 1.4 -5.12)
- LCH
- lch(2.42 5.31 285.2)
- CMYK
- cmyk(58% 58% 0% 93%)
Tintes · Sombras · Tonos
Tintes
- 1B1B26
- 2F303B
- 464650
- 5D5E67
- 76777F
- 909097
- ABABB0
- C6C6CA
- E2E2E4
Sombras
- 06060F
- 04040B
- 030307
- 020205
- 010103
- 010101
- 000001
- 000000
- 000000
Tonos
- 12121D
- 1C1D27
- 272831
- 33333B
- 3F3F46
- 4B4B51
- 58585D
- 656568
- 727274
Armonías de color
Complementario +180°
- 080813
Narwhal Grey
- 0B0A01
≈ Whiten’t
Análogo -30° +30°
- 080813
Narwhal Grey
- 040A13
≈ Dark Rift
- 0D0710
≈ Narwhal Grey
Triádico +120° +240°
- 080813
Narwhal Grey
- 120603
≈ Blackout
- 020C07
≈ Whiten’t
Complementario dividido +150° +210°
- 080813
Narwhal Grey
- 0F0801
≈ Blackout
- 060B03
≈ Whiten’t
Tetrádico +90° +180° +270°
- 080813
Narwhal Grey
- 120607
≈ Knight Rider
- 0B0A01
≈ Whiten’t
- 000C0C
≈ Black Knight
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 19.91:1 · APCA Lc 106
Ag
FailSobre negro
WCAG 1.05:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 19.91:1 (AAA) · APCA Lc 106
Contrast pairs
Fragmentos de código
CSS
:root {
--narwhal-grey: #080813;
--narwhal-grey-rgb: 8 8 19;
--narwhal-grey-oklch: oklch(0.141 0.024 282.9);
}
.element {
color: var(--narwhal-grey);
background-color: hsl(240 41% 5%);
border-color: oklch(0.141 0.024 282.9);
}Tailwind CSS v4
@theme {
--color-narwhal-grey: #080813;
--color-narwhal-grey-50: #f4f4fc;
--color-narwhal-grey-100: #e7e7f0;
--color-narwhal-grey-200: #d3d3de;
--color-narwhal-grey-300: #b6b6c4;
--color-narwhal-grey-400: #9c9dad;
--color-narwhal-grey-500: #838496;
--color-narwhal-grey-600: #6f707f;
--color-narwhal-grey-700: #595a66;
--color-narwhal-grey-800: #41424b;
--color-narwhal-grey-900: #2d2d34;
--color-narwhal-grey-950: #1a1a1f;
}SCSS
$narwhal-grey: #080813;
$narwhal-grey-rgb: 8, 8, 19;
$narwhal-grey-light: mix(#fff, $narwhal-grey, 20%);
$narwhal-grey-dark: mix(#000, $narwhal-grey, 20%);
.element {
color: $narwhal-grey;
box-shadow: 0 0 0 2px rgba($narwhal-grey, 0.35);
}