En yakın adlandırılmış renk · #031E1A
#031E1A
En yakın adlandırılmış renk: Swamp Thing
#031E1A (rgb(3 30 26), hsl(171 82% 6%), oklch(0.213 0.034 181.8)) 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.
#031E1A
oklch(0.213 0.034 181.8)
Renk dönüşümleri
- HEX
- #031e1a
- RGB
- rgb(3 30 26)
- HSL
- hsl(171 82% 6%)
- HWB
- hwb(171 1% 88%)
- OKLCH
- oklch(0.213 0.034 181.8)
- OKLab
- oklab(0.213 -0.034 -0.001)
- CIE Lab
- lab(9.1 -11.48 -0.49)
- LCH
- lch(9.1 11.49 182.4)
- CMYK
- cmyk(90% 0% 13% 88%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 19312D
- 304541
- 475A56
- 5F6F6C
- 778683
- 919D9A
- ACB4B3
- C7CDCB
- E3E6E5
Koyu tonlar
- 021915
- 021310
- 010E0C
- 010907
- 000504
- 000302
- 000101
- 000000
- 000000
Gri tonlar
- 0F2723
- 1B302C
- 273936
- 334340
- 404D4A
- 4C5754
- 59615F
- 666B6A
- 737575
Renk uyumları
Tamamlayıcı +180°
- 031E1A
Swamp Thing
- 261218
≈ Italian Roast
Analog -30° +30°
- 031E1A
Swamp Thing
- 0C1D11
≈ Pinch of Pepper
- 021D22
≈ Stellar Explorer
Üçlü +120° +240°
- 031E1A
Swamp Thing
- 1C1526
≈ Sambucus
- 241507
≈ Cannon Black
Bölünmüş tamamlayıcı +150° +210°
- 031E1A
Swamp Thing
- 221320
≈ Inside
- 27130F
≈ Used Oil
Dörtlü +90° +180° +270°
- 031E1A
Swamp Thing
- 131829
≈ Sambucus
- 261218
≈ Italian Roast
- 1F1805
≈ Noir Mystique
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 17.43:1 · APCA Lc 104
Ag
FailSiyah üzerinde
WCAG 1.20:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 17.43:1 (AAA) · APCA Lc 104
Contrast pairs
Kod parçacıkları
CSS
:root {
--swamp-thing: #031e1a;
--swamp-thing-rgb: 3 30 26;
--swamp-thing-oklch: oklch(0.213 0.034 181.8);
}
.element {
color: var(--swamp-thing);
background-color: hsl(171 82% 6%);
border-color: oklch(0.213 0.034 181.8);
}Tailwind CSS v4
@theme {
--color-swamp-thing: #031e1a;
--color-swamp-thing-50: #ebf9f6;
--color-swamp-thing-100: #dcece9;
--color-swamp-thing-200: #c5d9d6;
--color-swamp-thing-300: #a5bdb9;
--color-swamp-thing-400: #89a5a0;
--color-swamp-thing-500: #6d8e88;
--color-swamp-thing-600: #5d7873;
--color-swamp-thing-700: #4a605c;
--color-swamp-thing-800: #364643;
--color-swamp-thing-900: #25312e;
--color-swamp-thing-950: #131d1b;
}SCSS
$swamp-thing: #031e1a;
$swamp-thing-rgb: 3, 30, 26;
$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);
}