Najbliższy nazwany kolor · #2C2411
#2C2411
Najbliższy nazwany kolor: Go to Hell Black
#2C2411 (rgb(44 36 17), hsl(42 44% 12%), oklch(0.264 0.034 87.3)) jest najbliższy nazwanemu kolorowi Go to Hell Black. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#2C2411
oklch(0.264 0.034 87.3)
Konwersje koloru
- HEX
- #2c2411
- RGB
- rgb(44 36 17)
- HSL
- hsl(42 44% 12%)
- HWB
- hwb(42 7% 83%)
- OKLCH
- oklch(0.264 0.034 87.3)
- OKLab
- oklab(0.264 0.002 0.034)
- CIE Lab
- lab(14.73 1.59 13.95)
- LCH
- lch(14.73 14.04 83.5)
- CMYK
- cmyk(0% 18% 61% 83%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3E3725
- 514A3A
- 655E50
- 797467
- 8E897E
- A4A097
- BAB7B0
- D0CECA
- E7E6E4
Odcienie ciemniejsze
- 251E0D
- 1E1809
- 171206
- 110C04
- 0A0702
- 050401
- 020200
- 010000
- 000000
Tony
- 342C1B
- 3C3526
- 443E30
- 4C473B
- 545046
- 5D5951
- 65635D
- 6E6C68
- 777674
Harmonie kolorów
Komplementarna +180°
- 2C2411
Go to Hell Black
- 1E2536
≈ Moonless Mystery
Analogowa -30° +30°
- 2C2411
Go to Hell Black
- 322114
≈ Black Slug
- 242714
≈ Black Mesa
Triada +120° +240°
- 2C2411
Go to Hell Black
- 0E2A2D
≈ Black Box
- 2E1F2E
≈ Delighted Chimp
Komplementarna rozszczepiona +150° +210°
- 2C2411
Go to Hell Black
- 142733
≈ Abyssal Anchorfish Blue
- 272233
≈ Cold Steel
Tetrada +90° +180° +270°
- 2C2411
Go to Hell Black
- 112A25
≈ Swamp Thing
- 1E2536
≈ Moonless Mystery
- 321E25
≈ Antique Burgundy
Kontrast i dostępność
Ag
AAANa bieli
WCAG 15.35:1 · APCA Lc 102
Ag
FailNa czerni
WCAG 1.36:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 15.35:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmenty kodu
CSS
:root {
--go-to-hell-black: #2c2411;
--go-to-hell-black-rgb: 44 36 17;
--go-to-hell-black-oklch: oklch(0.264 0.034 87.3);
}
.element {
color: var(--go-to-hell-black);
background-color: hsl(42 44% 12%);
border-color: oklch(0.264 0.034 87.3);
}Tailwind CSS v4
@theme {
--color-go-to-hell-black: #2c2411;
--color-go-to-hell-black-50: #f9f5eb;
--color-go-to-hell-black-100: #ece8dc;
--color-go-to-hell-black-200: #dad4c4;
--color-go-to-hell-black-300: #beb7a4;
--color-go-to-hell-black-400: #a79e88;
--color-go-to-hell-black-500: #90856d;
--color-go-to-hell-black-600: #7a715d;
--color-go-to-hell-black-700: #615a4a;
--color-go-to-hell-black-800: #484235;
--color-go-to-hell-black-900: #322d24;
--color-go-to-hell-black-950: #1e1a13;
}SCSS
$go-to-hell-black: #2c2411;
$go-to-hell-black-rgb: 44, 36, 17;
$go-to-hell-black-light: mix(#fff, $go-to-hell-black, 20%);
$go-to-hell-black-dark: mix(#000, $go-to-hell-black, 20%);
.element {
color: $go-to-hell-black;
box-shadow: 0 0 0 2px rgba($go-to-hell-black, 0.35);
}