Couleur nommée la plus proche · #1D3137
#1D3137
Couleur nommée la plus proche: Black Box
#1D3137 (rgb(29 49 55), hsl(194 31% 16%), oklch(0.299 0.028 218.7)) est la plus proche de la couleur nommée Black Box. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#1D3137
oklch(0.299 0.028 218.7)
Conversions de couleur
- HEX
- #1d3137
- RGB
- rgb(29 49 55)
- HSL
- hsl(194 31% 16%)
- HWB
- hwb(194 11% 78%)
- OKLCH
- oklch(0.299 0.028 218.7)
- OKLab
- oklab(0.299 -0.022 -0.017)
- CIE Lab
- lab(18.83 -6.93 -6.53)
- LCH
- lch(18.83 9.52 223.3)
- CMYK
- cmyk(47% 11% 0% 78%)
Teintes · Ombres · Tons
Teintes
- 314348
- 45555B
- 5A696D
- 707D81
- 869195
- 9DA6A9
- B5BCBE
- CDD2D3
- E6E8E9
Ombres
- 18292E
- 132226
- 0E1A1E
- 091316
- 050C0F
- 030608
- 010303
- 000101
- 000000
Tons
- 26383E
- 304045
- 39474C
- 434F53
- 4D575A
- 575F62
- 616769
- 6B6F71
- 757878
Harmonies de couleurs
Complémentaire +180°
- 1D3137
Black Box
- 3A2923
≈ Tree House
Analogue -30° +30°
- 1D3137
Black Box
- 1C3230
≈ Dark Pine Green
- 232F3B
≈ Imperial Primer
Triadique +120° +240°
- 1D3137
Black Box
- 372832
≈ Mangosteen Violet
- 312E1D
≈ Metal Construction Green
Complémentaire divisée +150° +210°
- 1D3137
Black Box
- 3A282B
≈ Night Red
- 372B1E
≈ Vanilla Bean Brown
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 13.57:1 · APCA Lc 100
Ag
FailSur noir
WCAG 1.54:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 13.57:1 (AAA) · APCA Lc 100
Contrast pairs
Extraits de code
CSS
:root {
--black-box: #1d3137;
--black-box-rgb: 29 49 55;
--black-box-oklch: oklch(0.299 0.028 218.7);
}
.element {
color: var(--black-box);
background-color: hsl(194 31% 16%);
border-color: oklch(0.299 0.028 218.7);
}Tailwind CSS v4
@theme {
--color-black-box: #1d3137;
--color-black-box-50: #edf7fb;
--color-black-box-100: #deeaee;
--color-black-box-200: #c8d7dd;
--color-black-box-300: #a9bbc1;
--color-black-box-400: #8da3aa;
--color-black-box-500: #728b93;
--color-black-box-600: #61767c;
--color-black-box-700: #4d5e63;
--color-black-box-800: #384549;
--color-black-box-900: #263032;
--color-black-box-950: #141c1e;
}SCSS
$black-box: #1d3137;
$black-box-rgb: 29, 49, 55;
$black-box-light: mix(#fff, $black-box, 20%);
$black-box-dark: mix(#000, $black-box, 20%);
.element {
color: $black-box;
box-shadow: 0 0 0 2px rgba($black-box, 0.35);
}