Couleur nommée la plus proche · #070702
#070702
Couleur nommée la plus proche: Black Metal
#070702 (rgb(7 7 2), hsl(60 56% 2%), oklch(0.126 0.017 108.6)) est la plus proche de la couleur nommée Black Metal. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#070702
oklch(0.126 0.017 108.6)
Conversions de couleur
- HEX
- #070702
- RGB
- rgb(7 7 2)
- HSL
- hsl(60 56% 2%)
- HWB
- hwb(60 1% 97%)
- OKLCH
- oklch(0.126 0.017 108.6)
- OKLab
- oklab(0.126 -0.005 0.016)
- CIE Lab
- lab(1.84 -0.52 1.9)
- LCH
- lch(1.84 1.97 105.2)
- CMYK
- cmyk(0% 0% 71% 97%)
Teintes · Ombres · Tons
Teintes
- 191A11
- 2E2F27
- 45453E
- 5D5D56
- 757670
- 8F908B
- AAAAA7
- C6C6C3
- E2E2E1
Ombres
- 050501
- 040401
- 020201
- 020200
- 010100
- 000000
- 000000
- 000000
- 000000
Tons
- 111109
- 1B1B14
- 262620
- 32322C
- 3E3E39
- 4B4B47
- 575854
- 656563
- 727271
Harmonies de couleurs
Complémentaire +180°
- 070702
Black Metal
- 06060D
≈ Eight Ball
Analogue -30° +30°
- 070702
Black Metal
- 0A0602
≈ Liquorice
- 040803
≈ Black Metal
Triadique +120° +240°
- 070702
Black Metal
- 02080C
≈ Eight Ball
- 0B0507
≈ Black Metal
Complémentaire divisée +150° +210°
- 070702
Black Metal
- 04070D
≈ Eight Ball
- 09050B
≈ Black Metal
Tétradique +90° +180° +270°
- 070702
Black Metal
- 010809
≈ Black Metal
- 06060D
≈ Eight Ball
- 0C0505
≈ Liquorice
Contraste et accessibilité
Ag
AAASur blanc
WCAG 20.18:1 · APCA Lc 106
Ag
FailSur noir
WCAG 1.04:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 20.18:1 (AAA) · APCA Lc 106
Contrast pairs
Extraits de code
CSS
:root {
--black-metal: #070702;
--black-metal-rgb: 7 7 2;
--black-metal-oklch: oklch(0.126 0.017 108.6);
}
.element {
color: var(--black-metal);
background-color: hsl(60 56% 2%);
border-color: oklch(0.126 0.017 108.6);
}Tailwind CSS v4
@theme {
--color-black-metal: #070702;
--color-black-metal-50: #f5f6f0;
--color-black-metal-100: #e8e8e2;
--color-black-metal-200: #d4d5cd;
--color-black-metal-300: #b7b8af;
--color-black-metal-400: #9f9f94;
--color-black-metal-500: #87877a;
--color-black-metal-600: #727268;
--color-black-metal-700: #5b5c53;
--color-black-metal-800: #43433c;
--color-black-metal-900: #2e2e29;
--color-black-metal-950: #1b1b17;
}SCSS
$black-metal: #070702;
$black-metal-rgb: 7, 7, 2;
$black-metal-light: mix(#fff, $black-metal, 20%);
$black-metal-dark: mix(#000, $black-metal, 20%);
.element {
color: $black-metal;
box-shadow: 0 0 0 2px rgba($black-metal, 0.35);
}