Benannte Farbe · #363B43
Do Not Disturb
Do Not Disturb ist #363B43: rgb(54 59 67), hsl(217 11% 24%), oklch(0.351 0.016 259.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Do Not Disturb color name →
#363B43
oklch(0.351 0.016 259.8)
Farbumrechnungen
- HEX
- #363b43
- RGB
- rgb(54 59 67)
- HSL
- hsl(217 11% 24%)
- HWB
- hwb(217 21% 74%)
- OKLCH
- oklch(0.351 0.016 259.8)
- OKLab
- oklab(0.351 -0.003 -0.015)
- CIE Lab
- lab(24.63 -0.66 -5.71)
- LCH
- lch(24.63 5.75 263.4)
- CMYK
- cmyk(19% 12% 0% 74%)
Tints · Shades · Tones
Tints
- 474C54
- 5A5E65
- 6D7077
- 808389
- 94979C
- A9ABAF
- BEBFC2
- D3D4D6
- E9E9EA
Shades
- 2E3239
- 25292F
- 1E2126
- 16191D
- 0F1114
- 08090C
- 030405
- 010101
- 000000
Tones
- 3D4149
- 44484F
- 4B4F55
- 52565B
- 5A5C61
- 616367
- 696A6D
- 707273
- 78797A
Farbharmonien
Komplementär +180°
- 363B43
Do Not Disturb
- 3F3A32
≈ Black Olive
Analog -30° +30°
- 363B43
Do Not Disturb
- 333C41
≈ Crypt
- 3A3942
≈ Blue Graphite
Triadisch +120° +240°
- 363B43
Do Not Disturb
- 433837
≈ Cowboy
- 373D35
≈ USMC Green
Geteilt komplementär +150° +210°
- 363B43
Do Not Disturb
- 423934
≈ Brownish Black
- 3B3C32
≈ Black Olive
Tetradisch +90° +180° +270°
- 363B43
Do Not Disturb
- 41383C
≈ Void Wellness Coach
- 3F3A32
≈ Black Olive
- 333D39
≈ Edge of the Galaxy
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.26:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.86:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.26:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--do-not-disturb: #363b43;
--do-not-disturb-rgb: 54 59 67;
--do-not-disturb-oklch: oklch(0.351 0.016 259.8);
}
.element {
color: var(--do-not-disturb);
background-color: hsl(217 11% 24%);
border-color: oklch(0.351 0.016 259.8);
}Tailwind CSS v4
@theme {
--color-do-not-disturb: #363b43;
--color-do-not-disturb-50: #f3f5fa;
--color-do-not-disturb-100: #e5e8ed;
--color-do-not-disturb-200: #d1d4db;
--color-do-not-disturb-300: #b3b8c0;
--color-do-not-disturb-400: #999fa8;
--color-do-not-disturb-500: #808791;
--color-do-not-disturb-600: #6d727a;
--color-do-not-disturb-700: #575b62;
--color-do-not-disturb-800: #3f4348;
--color-do-not-disturb-900: #2b2e32;
--color-do-not-disturb-950: #191b1e;
}SCSS
$do-not-disturb: #363b43;
$do-not-disturb-rgb: 54, 59, 67;
$do-not-disturb-light: mix(#fff, $do-not-disturb, 20%);
$do-not-disturb-dark: mix(#000, $do-not-disturb, 20%);
.element {
color: $do-not-disturb;
box-shadow: 0 0 0 2px rgba($do-not-disturb, 0.35);
}