En yakın adlandırılmış renk · #332C1E
#332C1E
En yakın adlandırılmış renk: Go to Hell Black
#332C1E (rgb(51 44 30), hsl(40 26% 16%), oklch(0.296 0.026 84.3)) 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.
#332C1E
oklch(0.296 0.026 84.3)
Renk dönüşümleri
- HEX
- #332c1e
- RGB
- rgb(51 44 30)
- HSL
- hsl(40 26% 16%)
- HWB
- hwb(40 12% 80%)
- OKLCH
- oklch(0.296 0.026 84.3)
- OKLab
- oklab(0.296 0.003 0.026)
- CIE Lab
- lab(18.46 1.4 10.35)
- LCH
- lch(18.46 10.44 82.3)
- CMYK
- cmyk(0% 14% 41% 80%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 453E31
- 575145
- 6A655A
- 7E7970
- 928E86
- A7A49D
- BCBAB5
- D2D0CD
- E8E7E6
Koyu tonlar
- 2B2519
- 231E13
- 1C170E
- 141109
- 0D0A05
- 070503
- 030201
- 010100
- 000000
Gri tonlar
- 3A3427
- 413C30
- 49443A
- 504C43
- 58544D
- 605D57
- 686561
- 706E6B
- 787775
Renk uyumları
Tamamlayıcı +180°
- 332C1E
Go to Hell Black
- 262D3A
≈ Chimney Sweep
Analog -30° +30°
- 332C1E
Go to Hell Black
- 372A21
≈ Roanoke
- 2C2F20
≈ Pine Tree
Üçlü +120° +240°
- 332C1E
Go to Hell Black
- 1D3133
≈ Dark Pine Green
- 342934
≈ Melanzane
Bölünmüş tamamlayıcı +150° +210°
- 332C1E
Go to Hell Black
- 202F38
≈ Freinacht Black
- 2D2B39
≈ Black Rock
Dörtlü +90° +180° +270°
- 332C1E
Go to Hell Black
- 1F312C
≈ Lacquer Green
- 262D3A
≈ Chimney Sweep
- 38282E
≈ Melanzane
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.81:1 · APCA Lc 100
Ag
FailSiyah üzerinde
WCAG 1.51:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.81:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--go-to-hell-black: #332c1e;
--go-to-hell-black-rgb: 51 44 30;
--go-to-hell-black-oklch: oklch(0.296 0.026 84.3);
}
.element {
color: var(--go-to-hell-black);
background-color: hsl(40 26% 16%);
border-color: oklch(0.296 0.026 84.3);
}Tailwind CSS v4
@theme {
--color-go-to-hell-black: #332c1e;
--color-go-to-hell-black-50: #f8f5ed;
--color-go-to-hell-black-100: #ece7de;
--color-go-to-hell-black-200: #d9d4c8;
--color-go-to-hell-black-300: #bdb7a9;
--color-go-to-hell-black-400: #a69e8e;
--color-go-to-hell-black-500: #8e8573;
--color-go-to-hell-black-600: #787162;
--color-go-to-hell-black-700: #605a4e;
--color-go-to-hell-black-800: #474238;
--color-go-to-hell-black-900: #312d27;
--color-go-to-hell-black-950: #1d1a15;
}SCSS
$go-to-hell-black: #332c1e;
$go-to-hell-black-rgb: 51, 44, 30;
$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);
}