Colore con nome più vicino · #2C2411
#2C2411
Colore con nome più vicino: Go to Hell Black
#2C2411 (rgb(44 36 17), hsl(42 44% 12%), oklch(0.264 0.034 87.3)) è più vicino al colore con nome Go to Hell Black. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#2C2411
oklch(0.264 0.034 87.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 3E3725
- 514A3A
- 655E50
- 797467
- 8E897E
- A4A097
- BAB7B0
- D0CECA
- E7E6E4
Ombre
- 251E0D
- 1E1809
- 171206
- 110C04
- 0A0702
- 050401
- 020200
- 010000
- 000000
Toni
- 342C1B
- 3C3526
- 443E30
- 4C473B
- 545046
- 5D5951
- 65635D
- 6E6C68
- 777674
Armonie di colore
Complementare +180°
- 2C2411
Go to Hell Black
- 1E2536
≈ Moonless Mystery
Analogo -30° +30°
- 2C2411
Go to Hell Black
- 322114
≈ Black Slug
- 242714
≈ Black Mesa
Triadico +120° +240°
- 2C2411
Go to Hell Black
- 0E2A2D
≈ Black Box
- 2E1F2E
≈ Delighted Chimp
Complementare divisa +150° +210°
- 2C2411
Go to Hell Black
- 142733
≈ Abyssal Anchorfish Blue
- 272233
≈ Cold Steel
Tetradico +90° +180° +270°
- 2C2411
Go to Hell Black
- 112A25
≈ Swamp Thing
- 1E2536
≈ Moonless Mystery
- 321E25
≈ Antique Burgundy
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 15.35:1 · APCA Lc 102
Ag
FailSu nero
WCAG 1.36:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 15.35:1 (AAA) · APCA Lc 102
Contrast pairs
Frammenti di codice
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);
}