Color con nombre más cercano · #1D3137
#1D3137
Color con nombre más cercano: Black Box
#1D3137 (rgb(29 49 55), hsl(194 31% 16%), oklch(0.299 0.028 218.7)) se parece más al color con nombre Black Box. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#1D3137
oklch(0.299 0.028 218.7)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 314348
- 45555B
- 5A696D
- 707D81
- 869195
- 9DA6A9
- B5BCBE
- CDD2D3
- E6E8E9
Sombras
- 18292E
- 132226
- 0E1A1E
- 091316
- 050C0F
- 030608
- 010303
- 000101
- 000000
Tonos
- 26383E
- 304045
- 39474C
- 434F53
- 4D575A
- 575F62
- 616769
- 6B6F71
- 757878
Armonías de color
Complementario +180°
- 1D3137
Black Box
- 3A2923
≈ Tree House
Análogo -30° +30°
- 1D3137
Black Box
- 1C3230
≈ Dark Pine Green
- 232F3B
≈ Imperial Primer
Triádico +120° +240°
- 1D3137
Black Box
- 372832
≈ Mangosteen Violet
- 312E1D
≈ Metal Construction Green
Complementario dividido +150° +210°
- 1D3137
Black Box
- 3A282B
≈ Night Red
- 372B1E
≈ Vanilla Bean Brown
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 13.57:1 · APCA Lc 100
Ag
FailSobre negro
WCAG 1.54:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 13.57:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmentos de código
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);
}