Color con nombre más cercano · #1F0408
#1F0408
Color con nombre más cercano: Dwarf Fortress
#1F0408 (rgb(31 4 8), hsl(351 77% 7%), oklch(0.164 0.049 13.2)) se parece más al color con nombre Dwarf Fortress. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#1F0408
oklch(0.164 0.049 13.2)
Conversiones de color
- HEX
- #1f0408
- RGB
- rgb(31 4 8)
- HSL
- hsl(351 77% 7%)
- HWB
- hwb(351 2% 88%)
- OKLCH
- oklch(0.164 0.049 13.2)
- OKLab
- oklab(0.164 0.048 0.011)
- CIE Lab
- lab(3.67 11.58 2.48)
- LCH
- lch(3.67 11.85 12.1)
- CMYK
- cmyk(0% 87% 74% 88%)
Tintes · Sombras · Tonos
Tintes
- 33181B
- 482D30
- 5D4446
- 735C5E
- 897577
- A08F90
- B7AAAB
- CEC6C6
- E7E2E2
Sombras
- 190306
- 140204
- 0F0103
- 0A0102
- 060101
- 030001
- 010000
- 000000
- 000000
Tonos
- 290E12
- 321A1C
- 3C2528
- 463133
- 4F3E3F
- 594A4B
- 635758
- 6C6565
- 767272
Armonías de color
Complementario +180°
- 1F0408
Dwarf Fortress
- 001212
≈ Black Glaze
Análogo -30° +30°
- 1F0408
Dwarf Fortress
- 1C0514
≈ Crow
- 1E0600
≈ Soy Sauce
Triádico +120° +240°
- 1F0408
Dwarf Fortress
- 061200
≈ Memorial Black
- 000E23
≈ Kuretake Black Manga
Complementario dividido +150° +210°
- 1F0408
Dwarf Fortress
- 00130A
≈ Jedi Night
- 001118
≈ Black Glaze
Tetrádico +90° +180° +270°
- 1F0408
Dwarf Fortress
- 110F00
≈ Chinese Black
- 001212
≈ Black Glaze
- 0C0A22
≈ Tristesse
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 19.46:1 · APCA Lc 105
Ag
FailSobre negro
WCAG 1.07:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 19.46:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmentos de código
CSS
:root {
--dwarf-fortress: #1f0408;
--dwarf-fortress-rgb: 31 4 8;
--dwarf-fortress-oklch: oklch(0.164 0.049 13.2);
}
.element {
color: var(--dwarf-fortress);
background-color: hsl(351 77% 7%);
border-color: oklch(0.164 0.049 13.2);
}Tailwind CSS v4
@theme {
--color-dwarf-fortress: #1f0408;
--color-dwarf-fortress-50: #fff0f0;
--color-dwarf-fortress-100: #f8e2e2;
--color-dwarf-fortress-200: #e9cccd;
--color-dwarf-fortress-300: #d0aeaf;
--color-dwarf-fortress-400: #ba9396;
--color-dwarf-fortress-500: #a4797d;
--color-dwarf-fortress-600: #8b676a;
--color-dwarf-fortress-700: #6f5254;
--color-dwarf-fortress-800: #523b3e;
--color-dwarf-fortress-900: #39292b;
--color-dwarf-fortress-950: #231718;
}SCSS
$dwarf-fortress: #1f0408;
$dwarf-fortress-rgb: 31, 4, 8;
$dwarf-fortress-light: mix(#fff, $dwarf-fortress, 20%);
$dwarf-fortress-dark: mix(#000, $dwarf-fortress, 20%);
.element {
color: $dwarf-fortress;
box-shadow: 0 0 0 2px rgba($dwarf-fortress, 0.35);
}