Najbliższy nazwany kolor · #1D1407
#1D1407
Najbliższy nazwany kolor: Soulless
#1D1407 (rgb(29 20 7), hsl(35 61% 7%), oklch(0.199 0.028 75.8)) jest najbliższy nazwanemu kolorowi Soulless. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#1D1407
oklch(0.199 0.028 75.8)
Konwersje koloru
- HEX
- #1d1407
- RGB
- rgb(29 20 7)
- HSL
- hsl(35 61% 7%)
- HWB
- hwb(35 3% 89%)
- OKLCH
- oklch(0.199 0.028 75.8)
- OKLab
- oklab(0.199 0.007 0.027)
- CIE Lab
- lab(7.12 3.07 7.8)
- LCH
- lch(7.12 8.38 68.5)
- CMYK
- cmyk(0% 31% 76% 89%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 30271B
- 443B30
- 595147
- 6E685E
- 857F77
- 9C9791
- B4B0AB
- CCCAC6
- E5E4E2
Odcienie ciemniejsze
- 181005
- 130C04
- 0E0802
- 090502
- 050301
- 030100
- 010100
- 000000
- 000000
Tony
- 261D11
- 2F271C
- 383128
- 423C33
- 4C473F
- 56524C
- 605D58
- 6B6865
- 757473
Harmonie kolorów
Komplementarna +180°
- 1D1407
Soulless
- 0D1622
≈ Creeping Death
Analogowa -30° +30°
- 1D1407
Soulless
- 20120B
≈ Bighorn Sheep
- 171707
≈ Darkness
Triada +120° +240°
- 1D1407
Soulless
- 051A1A
≈ Black Stallion
- 1B121E
≈ Back in Black
Komplementarna rozszczepiona +150° +210°
- 1D1407
Soulless
- 07181F
≈ Creeping Death
- 151422
≈ Kuroi Black
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 18.17:1 · APCA Lc 105
Ag
FailNa czerni
WCAG 1.15:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 18.17:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmenty kodu
CSS
:root {
--soulless: #1d1407;
--soulless-rgb: 29 20 7;
--soulless-oklch: oklch(0.199 0.028 75.8);
}
.element {
color: var(--soulless);
background-color: hsl(35 61% 7%);
border-color: oklch(0.199 0.028 75.8);
}Tailwind CSS v4
@theme {
--color-soulless: #1d1407;
--color-soulless-50: #faf4ed;
--color-soulless-100: #ede7de;
--color-soulless-200: #dbd3c7;
--color-soulless-300: #bfb6a8;
--color-soulless-400: #a89d8d;
--color-soulless-500: #918472;
--color-soulless-600: #7b7061;
--color-soulless-700: #62594d;
--color-soulless-800: #484138;
--color-soulless-900: #322d26;
--color-soulless-950: #1e1a15;
}SCSS
$soulless: #1d1407;
$soulless-rgb: 29, 20, 7;
$soulless-light: mix(#fff, $soulless, 20%);
$soulless-dark: mix(#000, $soulless, 20%);
.element {
color: $soulless;
box-shadow: 0 0 0 2px rgba($soulless, 0.35);
}