Dichtstbijzijnde benoemde kleur · #312814
#312814
Dichtstbijzijnde benoemde kleur: Go to Hell Black
#312814 (rgb(49 40 20), hsl(41 42% 14%), oklch(0.281 0.035 85.9)) komt het dichtst bij de benoemde kleur Go to Hell Black. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#312814
oklch(0.281 0.035 85.9)
Kleurconversies
- HEX
- #312814
- RGB
- rgb(49 40 20)
- HSL
- hsl(41 42% 14%)
- HWB
- hwb(41 8% 81%)
- OKLCH
- oklch(0.281 0.035 85.9)
- OKLab
- oklab(0.281 0.002 0.035)
- CIE Lab
- lab(16.73 1.93 14.73)
- LCH
- lch(16.73 14.85 82.5)
- CMYK
- cmyk(0% 18% 59% 81%)
Tinten · Schaduwen · Tonen
Tinten
- 433A28
- 554E3D
- 696253
- 7D7669
- 918C81
- A6A299
- BCB8B1
- D2CFCB
- E8E7E5
Schaduwen
- 292110
- 221B0C
- 1A1508
- 130F05
- 0C0903
- 060401
- 030201
- 010100
- 000000
Tonen
- 38301E
- 403828
- 474133
- 4F493D
- 575248
- 5F5B53
- 67645E
- 6F6D69
- 787774
Kleurharmonieën
Complementair +180°
- 312814
Go to Hell Black
- 21293B
≈ Midnight Express
Analoog -30° +30°
- 312814
Go to Hell Black
- 372518
≈ Wetlands Swamp
- 282B17
≈ Metal Construction Green
Triadisch +120° +240°
- 312814
Go to Hell Black
- 112E32
≈ Black Chasm
- 322333
≈ Zero Gravity
Gesplitst complementair +150° +210°
- 312814
Go to Hell Black
- 172C38
≈ Oceanic Noir
- 2B2639
≈ Mangu Black
Tetradisch +90° +180° +270°
- 312814
Go to Hell Black
- 142F28
≈ Guerrilla Forest
- 21293B
≈ Midnight Express
- 37222A
≈ Antique Burgundy
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 14.54:1 · APCA Lc 101
Ag
FailOp zwart
WCAG 1.44:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 14.54:1 (AAA) · APCA Lc 101
Contrast pairs
Codefragmenten
CSS
:root {
--go-to-hell-black: #312814;
--go-to-hell-black-rgb: 49 40 20;
--go-to-hell-black-oklch: oklch(0.281 0.035 85.9);
}
.element {
color: var(--go-to-hell-black);
background-color: hsl(41 42% 14%);
border-color: oklch(0.281 0.035 85.9);
}Tailwind CSS v4
@theme {
--color-go-to-hell-black: #312814;
--color-go-to-hell-black-50: #f9f5ea;
--color-go-to-hell-black-100: #ede7db;
--color-go-to-hell-black-200: #dad4c4;
--color-go-to-hell-black-300: #bfb7a3;
--color-go-to-hell-black-400: #a89d87;
--color-go-to-hell-black-500: #91856c;
--color-go-to-hell-black-600: #7a715b;
--color-go-to-hell-black-700: #625a49;
--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: #312814;
$go-to-hell-black-rgb: 49, 40, 20;
$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);
}