Benannte Farbe · #3B3F66
Raven Night
Raven Night ist #3B3F66: rgb(59 63 102), hsl(234 27% 32%), oklch(0.382 0.066 278.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Raven Night color name →
#3B3F66
oklch(0.382 0.066 278.3)
Farbumrechnungen
- HEX
- #3b3f66
- RGB
- rgb(59 63 102)
- HSL
- hsl(234 27% 32%)
- HWB
- hwb(234 23% 60%)
- OKLCH
- oklch(0.382 0.066 278.3)
- OKLab
- oklab(0.382 0.01 -0.066)
- CIE Lab
- lab(27.69 6.72 -23.76)
- LCH
- lch(27.69 24.69 285.8)
- CMYK
- cmyk(42% 38% 0% 60%)
Tints · Shades · Tones
Tints
- 4C5075
- 5E6283
- 707492
- 8387A1
- 979AB1
- ABAEC0
- BFC1D0
- D4D6DF
- E9EAEF
Shades
- 323558
- 292C4A
- 21233C
- 191B2F
- 111223
- 090A17
- 04040C
- 010104
- 000000
Tones
- 414569
- 484C6C
- 4E526F
- 555971
- 5C5F74
- 636676
- 6A6C79
- 71737B
- 79797E
Farbharmonien
Komplementär +180°
- 3B3F66
Raven Night
- 4C4313
≈ Roman Bronze
Analog -30° +30°
- 3B3F66
Raven Night
- 244665
≈ Terror From the Deep
- 4D395E
≈ Mulberry Purple
Triadisch +120° +240°
- 3B3F66
Raven Night
- 613628
≈ Hairy Heath
- 1F4E35
≈ Order Green
Geteilt komplementär +150° +210°
- 3B3F66
Raven Night
- 5A3C17
≈ Hippogriff Brown
- 384A21
≈ Avocado Dark Green
Tetradisch +90° +180° +270°
- 3B3F66
Raven Night
- 61333C
≈ Power Tie
- 4C4313
≈ Roman Bronze
- 004E4A
≈ Action Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.05:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.08:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.05:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--raven-night: #3b3f66;
--raven-night-rgb: 59 63 102;
--raven-night-oklch: oklch(0.382 0.066 278.3);
}
.element {
color: var(--raven-night);
background-color: hsl(234 27% 32%);
border-color: oklch(0.382 0.066 278.3);
}Tailwind CSS v4
@theme {
--color-raven-night: #3b3f66;
--color-raven-night-50: #f1f4ff;
--color-raven-night-100: #e3e6fe;
--color-raven-night-200: #ced2f1;
--color-raven-night-300: #b0b4da;
--color-raven-night-400: #959bc6;
--color-raven-night-500: #7c82b2;
--color-raven-night-600: #696e96;
--color-raven-night-700: #545879;
--color-raven-night-800: #3c405a;
--color-raven-night-900: #292c3f;
--color-raven-night-950: #171928;
}SCSS
$raven-night: #3b3f66;
$raven-night-rgb: 59, 63, 102;
$raven-night-light: mix(#fff, $raven-night, 20%);
$raven-night-dark: mix(#000, $raven-night, 20%);
.element {
color: $raven-night;
box-shadow: 0 0 0 2px rgba($raven-night, 0.35);
}