Couleur nommée la plus proche · #070812
#070812
Couleur nommée la plus proche: Narwhal Grey
#070812 (rgb(7 8 18), hsl(235 44% 5%), oklch(0.139 0.022 278)) est la plus proche de la couleur nommée Narwhal Grey. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#070812
oklch(0.139 0.022 278)
Conversions de couleur
- HEX
- #070812
- RGB
- rgb(7 8 18)
- HSL
- hsl(235 44% 5%)
- HWB
- hwb(235 3% 93%)
- OKLCH
- oklch(0.139 0.022 278)
- OKLab
- oklab(0.139 0.003 -0.022)
- CIE Lab
- lab(2.33 0.97 -4.64)
- LCH
- lch(2.33 4.74 281.8)
- CMYK
- cmyk(61% 56% 0% 93%)
Teintes · Ombres · Tons
Teintes
- 191B25
- 2E303A
- 454650
- 5D5E66
- 75777E
- 8F9096
- AAABB0
- C6C6C9
- E2E2E4
Ombres
- 05060E
- 04040A
- 020307
- 020204
- 010102
- 000101
- 000001
- 000000
- 000000
Tons
- 11121C
- 1B1C26
- 262830
- 32333B
- 3E3F46
- 4B4B51
- 57585C
- 656568
- 727274
Harmonies de couleurs
Complémentaire +180°
- 070812
Narwhal Grey
- 0B0902
≈ Blackout
Analogue -30° +30°
- 070812
Narwhal Grey
- 030A12
≈ Black Knight
- 0B0710
≈ Narwhal Grey
Triadique +120° +240°
- 070812
Narwhal Grey
- 110604
≈ Knight Rider
- 030C06
≈ Whiten’t
Complémentaire divisée +150° +210°
- 070812
Narwhal Grey
- 0F0702
≈ Blackout
- 070B03
≈ Whiten’t
Tétradique +90° +180° +270°
- 070812
Narwhal Grey
- 110607
≈ Knight Rider
- 0B0902
≈ Blackout
- 010C0B
≈ Dark Side of the Moon
Contraste et accessibilité
Ag
AAASur blanc
WCAG 19.95:1 · APCA Lc 106
Ag
FailSur noir
WCAG 1.05:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 19.95:1 (AAA) · APCA Lc 106
Contrast pairs
Extraits de code
CSS
:root {
--narwhal-grey: #070812;
--narwhal-grey-rgb: 7 8 18;
--narwhal-grey-oklch: oklch(0.139 0.022 278);
}
.element {
color: var(--narwhal-grey);
background-color: hsl(235 44% 5%);
border-color: oklch(0.139 0.022 278);
}Tailwind CSS v4
@theme {
--color-narwhal-grey: #070812;
--color-narwhal-grey-50: #f4f5fc;
--color-narwhal-grey-100: #e6e7ef;
--color-narwhal-grey-200: #d2d3de;
--color-narwhal-grey-300: #b5b6c3;
--color-narwhal-grey-400: #9b9dac;
--color-narwhal-grey-500: #828595;
--color-narwhal-grey-600: #6e717e;
--color-narwhal-grey-700: #585a65;
--color-narwhal-grey-800: #40424a;
--color-narwhal-grey-900: #2c2d34;
--color-narwhal-grey-950: #191a1f;
}SCSS
$narwhal-grey: #070812;
$narwhal-grey-rgb: 7, 8, 18;
$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);
}