Adlandırılmış renk · #162825
Swamp Thing
Swamp Thing, #162825: rgb(22 40 37), hsl(170 29% 12%), oklch(0.26 0.025 182.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Swamp Thing color name →
#162825
oklch(0.26 0.025 182.7)
Renk dönüşümleri
- HEX
- #162825
- RGB
- rgb(22 40 37)
- HSL
- hsl(170 29% 12%)
- HWB
- hwb(170 9% 84%)
- OKLCH
- oklch(0.26 0.025 182.7)
- OKLab
- oklab(0.26 -0.025 -0.001)
- CIE Lab
- lab(14.47 -8.43 -0.5)
- LCH
- lch(14.47 8.44 183.4)
- CMYK
- cmyk(45% 0% 7% 84%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2A3A37
- 3E4D4B
- 54625F
- 6A7674
- 818C8A
- 99A2A0
- B2B8B7
- CBCFCE
- E5E7E6
Koyu tonlar
- 12211F
- 0D1B19
- 091513
- 060F0D
- 030908
- 020404
- 010202
- 000100
- 000000
Gri tonlar
- 20302D
- 2A3836
- 34413E
- 3E4947
- 495250
- 535B59
- 5E6463
- 696D6C
- 757776
Renk uyumları
Tamamlayıcı +180°
- 162825
Swamp Thing
- 2E1F23
≈ Shikon
Analog -30° +30°
- 162825
Swamp Thing
- 1B281E
≈ Swamp Thing
- 15272B
≈ Black Box
Üçlü +120° +240°
- 162825
Swamp Thing
- 26212E
≈ To Hell and Black
- 2D2118
≈ Kenpōzome Black
Bölünmüş tamamlayıcı +150° +210°
- 162825
Swamp Thing
- 2B2029
≈ Shikon
- 2F201C
≈ Kenpōzome Black
Dörtlü +90° +180° +270°
- 162825
Swamp Thing
- 202330
≈ Moonless Mystery
- 2E1F23
≈ Shikon
- 282416
≈ Black Mesa
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 15.39:1 · APCA Lc 102
Ag
FailSiyah üzerinde
WCAG 1.36:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 15.39:1 (AAA) · APCA Lc 102
Contrast pairs
Kod parçacıkları
CSS
:root {
--swamp-thing: #162825;
--swamp-thing-rgb: 22 40 37;
--swamp-thing-oklch: oklch(0.26 0.025 182.7);
}
.element {
color: var(--swamp-thing);
background-color: hsl(170 29% 12%);
border-color: oklch(0.26 0.025 182.7);
}Tailwind CSS v4
@theme {
--color-swamp-thing: #162825;
--color-swamp-thing-50: #eef8f6;
--color-swamp-thing-100: #dfebe9;
--color-swamp-thing-200: #c9d8d5;
--color-swamp-thing-300: #aabcb9;
--color-swamp-thing-400: #8fa3a0;
--color-swamp-thing-500: #758c87;
--color-swamp-thing-600: #637673;
--color-swamp-thing-700: #4f5f5c;
--color-swamp-thing-800: #394543;
--color-swamp-thing-900: #27302e;
--color-swamp-thing-950: #151c1b;
}SCSS
$swamp-thing: #162825;
$swamp-thing-rgb: 22, 40, 37;
$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);
}