Benannte Farbe · #3B476B
Starlit Night
Starlit Night ist #3B476B: rgb(59 71 107), hsl(225 29% 33%), oklch(0.404 0.063 269.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Starlit Night color name →
#3B476B
oklch(0.404 0.063 269.4)
Farbumrechnungen
- HEX
- #3b476b
- RGB
- rgb(59 71 107)
- HSL
- hsl(225 29% 33%)
- HWB
- hwb(225 23% 58%)
- OKLCH
- oklch(0.404 0.063 269.4)
- OKLab
- oklab(0.404 -0.001 -0.063)
- CIE Lab
- lab(30.36 3.03 -22.78)
- LCH
- lch(30.36 22.98 277.6)
- CMYK
- cmyk(45% 34% 0% 58%)
Tints · Shades · Tones
Tints
- 4C5879
- 5E6988
- 707A96
- 838CA5
- 979FB3
- ABB1C2
- BFC4D1
- D4D8E0
- E9EBF0
Shades
- 323D5C
- 29324E
- 21283F
- 191F32
- 111625
- 090D18
- 04060D
- 010204
- 000000
Tones
- 414D6D
- 485270
- 4F5872
- 565E74
- 5C6376
- 636978
- 6A6F7A
- 72747C
- 797A7E
Farbharmonien
Komplementär +180°
- 3B476B
Starlit Night
- 56471D
≈ Bronze Olive
Analog -30° +30°
- 3B476B
Starlit Night
- 254D67
≈ Seafarer
- 4E4166
≈ Evening Lavender
Triadisch +120° +240°
- 3B476B
Starlit Night
- 673B35
≈ Manzanita
- 2F5236
≈ Kaitoke Green
Geteilt komplementär +150° +210°
- 3B476B
Starlit Night
- 624024
≈ Satoimo Brown
- 454E25
≈ Bronze Tone
Tetradisch +90° +180° +270°
- 3B476B
Starlit Night
- 643A48
≈ Tawny Port
- 56471D
≈ Bronze Olive
- 18544A
≈ Cape Verde
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.13:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.29:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.13:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--starlit-night: #3b476b;
--starlit-night-rgb: 59 71 107;
--starlit-night-oklch: oklch(0.404 0.063 269.4);
}
.element {
color: var(--starlit-night);
background-color: hsl(225 29% 33%);
border-color: oklch(0.404 0.063 269.4);
}Tailwind CSS v4
@theme {
--color-starlit-night: #3b476b;
--color-starlit-night-50: #eef5ff;
--color-starlit-night-100: #e0e7fe;
--color-starlit-night-200: #cad3f0;
--color-starlit-night-300: #abb6d8;
--color-starlit-night-400: #8f9dc4;
--color-starlit-night-500: #7585b1;
--color-starlit-night-600: #637095;
--color-starlit-night-700: #4f5a78;
--color-starlit-night-800: #394259;
--color-starlit-night-900: #272d3e;
--color-starlit-night-950: #151a27;
}SCSS
$starlit-night: #3b476b;
$starlit-night-rgb: 59, 71, 107;
$starlit-night-light: mix(#fff, $starlit-night, 20%);
$starlit-night-dark: mix(#000, $starlit-night, 20%);
.element {
color: $starlit-night;
box-shadow: 0 0 0 2px rgba($starlit-night, 0.35);
}