Benannte Farbe · #3B444B
Arsenic
Arsenic ist #3B444B: rgb(59 68 75), hsl(206 12% 26%), oklch(0.381 0.017 241.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Arsenic color name →
#3B444B
oklch(0.381 0.017 241.4)
Farbumrechnungen
- HEX
- #3b444b
- RGB
- rgb(59 68 75)
- HSL
- hsl(206 12% 26%)
- HWB
- hwb(206 23% 71%)
- OKLCH
- oklch(0.381 0.017 241.4)
- OKLab
- oklab(0.381 -0.008 -0.015)
- CIE Lab
- lab(28.23 -2.47 -5.55)
- LCH
- lch(28.23 6.07 246)
- CMYK
- cmyk(21% 9% 0% 71%)
Tints · Shades · Tones
Tints
- 4C555B
- 5E666C
- 71777D
- 848A8E
- 979CA0
- ABAFB3
- BFC3C5
- D4D6D8
- E9EBEB
Shades
- 323A40
- 293035
- 21262B
- 191D21
- 111417
- 090C0E
- 040506
- 010202
- 000000
Tones
- 424A50
- 484F55
- 4F555A
- 565B60
- 5D6165
- 63676A
- 6A6D70
- 727475
- 797A7B
Farbharmonien
Komplementär +180°
- 3B444B
Arsenic
- 4A413A
≈ Wren
Analog -30° +30°
- 3B444B
Arsenic
- 394548
≈ Darkness Green
- 3F424C
≈ Intellectual
Triadisch +120° +240°
- 3B444B
Arsenic
- 4B3F42
≈ Shale
- 41443A
≈ Forest Night
Geteilt komplementär +150° +210°
- 3B444B
Arsenic
- 4B403D
≈ Brown Pepper
- 464339
≈ Volcanic Stone Green
Tetradisch +90° +180° +270°
- 3B444B
Arsenic
- 484047
≈ Raven’s Wing
- 4A413A
≈ Wren
- 3C453E
≈ Deep Forest
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.93:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.11:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 9.93:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--arsenic: #3b444b;
--arsenic-rgb: 59 68 75;
--arsenic-oklch: oklch(0.381 0.017 241.4);
}
.element {
color: var(--arsenic);
background-color: hsl(206 12% 26%);
border-color: oklch(0.381 0.017 241.4);
}Tailwind CSS v4
@theme {
--color-arsenic: #3b444b;
--color-arsenic-50: #f1f6fa;
--color-arsenic-100: #e3e9ed;
--color-arsenic-200: #ced5db;
--color-arsenic-300: #b0b9bf;
--color-arsenic-400: #96a0a8;
--color-arsenic-500: #7d8891;
--color-arsenic-600: #6a737a;
--color-arsenic-700: #545c62;
--color-arsenic-800: #3d4348;
--color-arsenic-900: #2a2e32;
--color-arsenic-950: #181b1e;
}SCSS
$arsenic: #3b444b;
$arsenic-rgb: 59, 68, 75;
$arsenic-light: mix(#fff, $arsenic, 20%);
$arsenic-dark: mix(#000, $arsenic, 20%);
.element {
color: $arsenic;
box-shadow: 0 0 0 2px rgba($arsenic, 0.35);
}