Benannte Farbe · #3B5760
Great Void
Great Void ist #3B5760: rgb(59 87 96), hsl(195 24% 30%), oklch(0.438 0.036 219.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Great Void color name →
#3B5760
oklch(0.438 0.036 219.9)
Farbumrechnungen
- HEX
- #3b5760
- RGB
- rgb(59 87 96)
- HSL
- hsl(195 24% 30%)
- HWB
- hwb(195 23% 62%)
- OKLCH
- oklch(0.438 0.036 219.9)
- OKLab
- oklab(0.438 -0.028 -0.023)
- CIE Lab
- lab(35.03 -8.92 -8.76)
- LCH
- lch(35.03 12.5 224.5)
- CMYK
- cmyk(39% 9% 0% 62%)
Tints · Shades · Tones
Tints
- 4D666F
- 5F767E
- 72868D
- 85979C
- 98A7AC
- ACB8BC
- C0CACD
- D5DBDD
- EAEDEE
Shades
- 324B52
- 293E45
- 213338
- 19272C
- 111C20
- 091215
- 04080A
- 010303
- 000000
Tones
- 425B63
- 495F66
- 50636A
- 57676D
- 5E6B70
- 646F73
- 6B7476
- 72787A
- 797C7D
Farbharmonien
Komplementär +180°
- 3B5760
Great Void
- 644B43
≈ Chaps
Analog -30° +30°
- 3B5760
Great Void
- 3A5956
≈ Crystal Ball
- 435466
≈ Into the Stratosphere
Triadisch +120° +240°
- 3B5760
Great Void
- 604A58
≈ Sweet Currant
- 57533B
≈ Batu Cave
Geteilt komplementär +150° +210°
- 3B5760
Great Void
- 644A4D
≈ Gǔ Tóng Hēi Copper
- 5F4F3C
≈ Rooted
Tetradisch +90° +180° +270°
- 3B5760
Great Void
- 584D61
≈ Illusionist
- 644B43
≈ Chaps
- 4B5641
≈ Lunar Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.72:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.71:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.72:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--great-void: #3b5760;
--great-void-rgb: 59 87 96;
--great-void-oklch: oklch(0.438 0.036 219.9);
}
.element {
color: var(--great-void);
background-color: hsl(195 24% 30%);
border-color: oklch(0.438 0.036 219.9);
}Tailwind CSS v4
@theme {
--color-great-void: #3b5760;
--color-great-void-50: #ebf8fd;
--color-great-void-100: #dbebf1;
--color-great-void-200: #c4d8df;
--color-great-void-300: #a4bcc5;
--color-great-void-400: #87a4ad;
--color-great-void-500: #6c8c97;
--color-great-void-600: #5b7780;
--color-great-void-700: #495f66;
--color-great-void-800: #34464b;
--color-great-void-900: #243034;
--color-great-void-950: #121c1f;
}SCSS
$great-void: #3b5760;
$great-void-rgb: 59, 87, 96;
$great-void-light: mix(#fff, $great-void, 20%);
$great-void-dark: mix(#000, $great-void, 20%);
.element {
color: $great-void;
box-shadow: 0 0 0 2px rgba($great-void, 0.35);
}