Color con nombre más cercano · #1B0F05
#1B0F05
Color con nombre más cercano: Asphalt
#1B0F05 (rgb(27 15 5), hsl(27 69% 6%), oklch(0.182 0.028 62)) se parece más al color con nombre Asphalt. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#1B0F05
oklch(0.182 0.028 62)
Conversiones de color
- HEX
- #1b0f05
- RGB
- rgb(27 15 5)
- HSL
- hsl(27 69% 6%)
- HWB
- hwb(27 2% 89%)
- OKLCH
- oklch(0.182 0.028 62)
- OKLab
- oklab(0.182 0.013 0.025)
- CIE Lab
- lab(5.38 4.42 6.07)
- LCH
- lch(5.38 7.5 53.9)
- CMYK
- cmyk(0% 44% 81% 89%)
Tintes · Sombras · Tonos
Tintes
- 2E2218
- 42372D
- 574D44
- 6D645C
- 847C75
- 9B958F
- B3AEAA
- CCC9C6
- E5E3E2
Sombras
- 160B04
- 110803
- 0C0502
- 080301
- 050201
- 020100
- 010000
- 000000
- 000000
Tonos
- 24190F
- 2E231A
- 372E25
- 413831
- 4B443E
- 554F4A
- 605B57
- 6A6765
- 757372
Armonías de color
Complementario +180°
- 1B0F05
Asphalt
- 06131E
≈ Midnight Edition
Análogo -30° +30°
- 1B0F05
Asphalt
- 1D0D0A
≈ Scandinavian Liquorice
- 171204
≈ Crowshead
Triádico +120° +240°
- 1B0F05
Asphalt
- 021613
≈ Black Glaze
- 140F1D
≈ Corbeau
Complementario dividido +150° +210°
- 1B0F05
Asphalt
- 021519
≈ Midnight Edition
- 0E111F
≈ Corbeau
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 18.79:1 · APCA Lc 105
Ag
FailSobre negro
WCAG 1.11:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 18.79:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmentos de código
CSS
:root {
--asphalt: #1b0f05;
--asphalt-rgb: 27 15 5;
--asphalt-oklch: oklch(0.182 0.028 62);
}
.element {
color: var(--asphalt);
background-color: hsl(27 69% 6%);
border-color: oklch(0.182 0.028 62);
}Tailwind CSS v4
@theme {
--color-asphalt: #1b0f05;
--color-asphalt-50: #fbf4ed;
--color-asphalt-100: #efe6de;
--color-asphalt-200: #ddd2c8;
--color-asphalt-300: #c2b5a9;
--color-asphalt-400: #ab9b8e;
--color-asphalt-500: #948273;
--color-asphalt-600: #7e6e62;
--color-asphalt-700: #64584e;
--color-asphalt-800: #4a4039;
--color-asphalt-900: #332c27;
--color-asphalt-950: #1f1915;
}SCSS
$asphalt: #1b0f05;
$asphalt-rgb: 27, 15, 5;
$asphalt-light: mix(#fff, $asphalt, 20%);
$asphalt-dark: mix(#000, $asphalt, 20%);
.element {
color: $asphalt;
box-shadow: 0 0 0 2px rgba($asphalt, 0.35);
}