Color con nombre más cercano · #06020A
#06020A
Color con nombre más cercano: Narwhal Grey
#06020A (rgb(6 2 10), hsl(270 67% 2%), oklch(0.105 0.028 310.4)) se parece más al color con nombre Narwhal Grey. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#06020A
oklch(0.105 0.028 310.4)
Conversiones de color
- HEX
- #06020a
- RGB
- rgb(6 2 10)
- HSL
- hsl(270 67% 2%)
- HWB
- hwb(270 1% 96%)
- OKLCH
- oklch(0.105 0.028 310.4)
- OKLab
- oklab(0.105 0.018 -0.022)
- CIE Lab
- lab(0.93 1.92 -2.65)
- LCH
- lch(0.93 3.27 305.8)
- CMYK
- cmyk(40% 80% 0% 96%)
Tintes · Sombras · Tonos
Tintes
- 18111D
- 2D2732
- 443E49
- 5C5660
- 757079
- 8F8B92
- AAA7AC
- C5C3C7
- E2E1E3
Sombras
- 040107
- 030105
- 020103
- 010002
- 010001
- 000001
- 000000
- 000000
- 000000
Tonos
- 0F0914
- 1A141F
- 25202A
- 312C35
- 3D3941
- 4A464D
- 575459
- 646366
- 727173
Armonías de color
Complementario +180°
- 06020A
Narwhal Grey
- 020500
≈ Armour Wash
Análogo -30° +30°
- 06020A
Narwhal Grey
- 03030D
≈ Ninja
- 090106
≈ Pupil
Triádico +120° +240°
- 06020A
Narwhal Grey
- 080300
≈ Liquorice
- 000505
≈ Armour Wash
Complementario dividido +150° +210°
- 06020A
Narwhal Grey
- 050400
≈ Liquorice
- 000502
≈ Armour Wash
Tetrádico +90° +180° +270°
- 06020A
Narwhal Grey
- 0B0200
≈ Pupil
- 020500
≈ Armour Wash
- 000507
≈ Eight Ball
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 20.57:1 · APCA Lc 106
Ag
FailSobre negro
WCAG 1.02:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 20.57:1 (AAA) · APCA Lc 106
Contrast pairs
Fragmentos de código
CSS
:root {
--narwhal-grey: #06020a;
--narwhal-grey-rgb: 6 2 10;
--narwhal-grey-oklch: oklch(0.105 0.028 310.4);
}
.element {
color: var(--narwhal-grey);
background-color: hsl(270 67% 2%);
border-color: oklch(0.105 0.028 310.4);
}Tailwind CSS v4
@theme {
--color-narwhal-grey: #06020a;
--color-narwhal-grey-50: #f8f3fb;
--color-narwhal-grey-100: #ebe5ef;
--color-narwhal-grey-200: #d8d1dd;
--color-narwhal-grey-300: #bcb3c2;
--color-narwhal-grey-400: #a49aab;
--color-narwhal-grey-500: #8c8195;
--color-narwhal-grey-600: #766d7e;
--color-narwhal-grey-700: #5f5765;
--color-narwhal-grey-800: #45404a;
--color-narwhal-grey-900: #302c33;
--color-narwhal-grey-950: #1c191f;
}SCSS
$narwhal-grey: #06020a;
$narwhal-grey-rgb: 6, 2, 10;
$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);
}