Warna bernama terdekat · #160700
#160700
Warna bernama terdekat: Asphalt
#160700 (rgb(22 7 0), hsl(19 100% 4%), oklch(0.15 0.036 58.6)) paling mendekati warna bernama Asphalt. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#160700
oklch(0.15 0.036 58.6)
Konversi warna
- HEX
- #160700
- RGB
- rgb(22 7 0)
- HSL
- hsl(19 100% 4%)
- HWB
- hwb(19 0% 91%)
- OKLCH
- oklch(0.15 0.036 58.6)
- OKLab
- oklab(0.15 0.019 0.031)
- CIE Lab
- lab(2.99 4.55 4.55)
- LCH
- lch(2.99 6.44 45)
- CMYK
- cmyk(0% 68% 100% 91%)
Tint · Shade · Tone
Tint
- 2A1A0E
- 3E2F24
- 54463C
- 6A5E55
- 81776F
- 99908A
- B2ABA6
- CBC6C3
- E5E2E1
Shade
- 120500
- 0D0400
- 090200
- 060200
- 030100
- 020000
- 010000
- 000000
- 000000
Tone
- 201106
- 2A1C11
- 34271E
- 3E332B
- 493F38
- 534B46
- 5E5854
- 696562
- 757271
Harmoni warna
Komplementer +180°
- 160700
Asphalt
- 000D18
≈ Black Knight
Analog -30° +30°
- 160700
Asphalt
- 180504
≈ Soy Sauce
- 110A00
≈ Blackout
Triadik +120° +240°
- 160700
Asphalt
- 000F0B
≈ Alpine Salamander
- 0D0818
≈ Not Tonight
Split-komplementer +150° +210°
- 160700
Asphalt
- 000E11
≈ Black Glaze
- 060A1A
≈ Dark Rift
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 19.72:1 · APCA Lc 106
Ag
FailDi atas hitam
WCAG 1.06:1 · APCA Lc 0
Warna teks terbaik: #FFFFFF
WCAG 19.72:1 (AAA) · APCA Lc 106
Contrast pairs
Cuplikan kode
CSS
:root {
--asphalt: #160700;
--asphalt-rgb: 22 7 0;
--asphalt-oklch: oklch(0.15 0.036 58.6);
}
.element {
color: var(--asphalt);
background-color: hsl(19 100% 4%);
border-color: oklch(0.15 0.036 58.6);
}Tailwind CSS v4
@theme {
--color-asphalt: #160700;
--color-asphalt-50: #fdf3eb;
--color-asphalt-100: #f1e5dc;
--color-asphalt-200: #e0d1c5;
--color-asphalt-300: #c6b4a5;
--color-asphalt-400: #af9a8a;
--color-asphalt-500: #99816f;
--color-asphalt-600: #816d5e;
--color-asphalt-700: #67574b;
--color-asphalt-800: #4c3f37;
--color-asphalt-900: #352c25;
--color-asphalt-950: #201914;
}SCSS
$asphalt: #160700;
$asphalt-rgb: 22, 7, 0;
$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);
}