En yakın adlandırılmış renk · #1E342D
#1E342D
En yakın adlandırılmış renk: Swamp Thing
#1E342D (rgb(30 52 45), hsl(161 27% 16%), oklch(0.304 0.031 172.1)) en çok Swamp Thing 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.
#1E342D
oklch(0.304 0.031 172.1)
Renk dönüşümleri
- HEX
- #1e342d
- RGB
- rgb(30 52 45)
- HSL
- hsl(161 27% 16%)
- HWB
- hwb(161 12% 80%)
- OKLCH
- oklch(0.304 0.031 172.1)
- OKLab
- oklab(0.304 -0.031 0.004)
- CIE Lab
- lab(19.68 -10.61 1.54)
- LCH
- lch(19.68 10.72 171.8)
- CMYK
- cmyk(42% 0% 13% 80%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 32463F
- 465852
- 5B6B65
- 717F7A
- 87938F
- 9EA8A4
- B5BDBA
- CDD3D1
- E6E9E8
Koyu tonlar
- 192C26
- 13241F
- 0E1C18
- 091511
- 050E0B
- 030706
- 010302
- 000101
- 000000
Gri tonlar
- 273B35
- 31423C
- 3A4A44
- 44514C
- 4E5955
- 57605D
- 616866
- 6B706E
- 767877
Renk uyumları
Tamamlayıcı +180°
- 1E342D
Swamp Thing
- 3B2830
≈ Late Night Out
Analog -30° +30°
- 1E342D
Swamp Thing
- 263324
≈ Mountain Range Green
- 1B3435
≈ Dark Pine Green
Üçlü +120° +240°
- 1E342D
Swamp Thing
- 2F2C3D
≈ Black Rock
- 3C2B20
≈ Bistre
Bölünmüş tamamlayıcı +150° +210°
- 1E342D
Swamp Thing
- 362A38
≈ Obsidian Red
- 3D2928
≈ Night Red
Dörtlü +90° +180° +270°
- 1E342D
Swamp Thing
- 262F3F
≈ Navy Blazer
- 3B2830
≈ Late Night Out
- 372D1D
≈ Vanilla Bean Brown
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.25:1 · APCA Lc 100
Ag
FailSiyah üzerinde
WCAG 1.58:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.25:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--swamp-thing: #1e342d;
--swamp-thing-rgb: 30 52 45;
--swamp-thing-oklch: oklch(0.304 0.031 172.1);
}
.element {
color: var(--swamp-thing);
background-color: hsl(161 27% 16%);
border-color: oklch(0.304 0.031 172.1);
}Tailwind CSS v4
@theme {
--color-swamp-thing: #1e342d;
--color-swamp-thing-50: #edf8f4;
--color-swamp-thing-100: #deebe7;
--color-swamp-thing-200: #c8d9d3;
--color-swamp-thing-300: #a8bdb6;
--color-swamp-thing-400: #8da59c;
--color-swamp-thing-500: #728d84;
--color-swamp-thing-600: #617770;
--color-swamp-thing-700: #4d6059;
--color-swamp-thing-800: #384641;
--color-swamp-thing-900: #26302d;
--color-swamp-thing-950: #151d1a;
}SCSS
$swamp-thing: #1e342d;
$swamp-thing-rgb: 30, 52, 45;
$swamp-thing-light: mix(#fff, $swamp-thing, 20%);
$swamp-thing-dark: mix(#000, $swamp-thing, 20%);
.element {
color: $swamp-thing;
box-shadow: 0 0 0 2px rgba($swamp-thing, 0.35);
}