En yakın adlandırılmış renk · #312814
#312814
En yakın adlandırılmış renk: Go to Hell Black
#312814 (rgb(49 40 20), hsl(41 42% 14%), oklch(0.281 0.035 85.9)) en çok Go to Hell Black adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#312814
oklch(0.281 0.035 85.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 433A28
- 554E3D
- 696253
- 7D7669
- 918C81
- A6A299
- BCB8B1
- D2CFCB
- E8E7E5
Koyu tonlar
- 292110
- 221B0C
- 1A1508
- 130F05
- 0C0903
- 060401
- 030201
- 010100
- 000000
Gri tonlar
- 38301E
- 403828
- 474133
- 4F493D
- 575248
- 5F5B53
- 67645E
- 6F6D69
- 787774
Renk uyumları
Tamamlayıcı +180°
- 312814
Go to Hell Black
- 21293B
≈ Midnight Express
Analog -30° +30°
- 312814
Go to Hell Black
- 372518
≈ Wetlands Swamp
- 282B17
≈ Metal Construction Green
Üçlü +120° +240°
- 312814
Go to Hell Black
- 112E32
≈ Black Chasm
- 322333
≈ Zero Gravity
Bölünmüş tamamlayıcı +150° +210°
- 312814
Go to Hell Black
- 172C38
≈ Oceanic Noir
- 2B2639
≈ Mangu Black
Dörtlü +90° +180° +270°
- 312814
Go to Hell Black
- 142F28
≈ Guerrilla Forest
- 21293B
≈ Midnight Express
- 37222A
≈ Antique Burgundy
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 14.54:1 · APCA Lc 101
Ag
FailSiyah üzerinde
WCAG 1.44:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 14.54:1 (AAA) · APCA Lc 101
Contrast pairs
Kod parçacıkları
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);
}