Benannte Farbe · #6A75AD
Midnight Violet
Midnight Violet ist #6A75AD: rgb(106 117 173), hsl(230 29% 55%), oklch(0.577 0.087 274.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Midnight Violet color name →
#6A75AD
oklch(0.577 0.087 274.8)
Farbumrechnungen
- HEX
- #6a75ad
- RGB
- rgb(106 117 173)
- HSL
- hsl(230 29% 55%)
- HWB
- hwb(230 42% 32%)
- OKLCH
- oklch(0.577 0.087 274.8)
- OKLab
- oklab(0.577 0.007 -0.087)
- CIE Lab
- lab(50.09 6.67 -31.55)
- LCH
- lch(50.09 32.25 281.9)
- CMYK
- cmyk(39% 32% 0% 32%)
Tints · Shades · Tones
Tints
- 7882B5
- 8690BE
- 949DC6
- A2ABCE
- B1B8D7
- C0C6DF
- D0D4E7
- DFE2EF
- EFF1F7
Shades
- 5B6596
- 4D557F
- 3F466A
- 313755
- 242941
- 181C2D
- 0D0F1B
- 04050B
- 000101
Tones
- 6C76A9
- 6E78A4
- 7079A0
- 737A9C
- 757B97
- 777C93
- 797D8E
- 7B7E8A
- 7E7F85
Farbharmonien
Komplementär +180°
- 6A75AD
Midnight Violet
- 8A7938
≈ Baikō Brown
Analog -30° +30°
- 6A75AD
Midnight Violet
- 4A7FAA
≈ Neapolitan Blue
- 856CA3
≈ Bitter Violet
Triadisch +120° +240°
- 6A75AD
Midnight Violet
- A66656
≈ Sun Baked Earth
- 4C8962
≈ Mallard Green
Geteilt komplementär +150° +210°
- 6A75AD
Midnight Violet
- 9D6E3F
≈ Desert Clay
- 6E8247
≈ Happy Camper
Tetradisch +90° +180° +270°
- 6A75AD
Midnight Violet
- A56372
≈ Heather Rose
- 8A7938
≈ Baikō Brown
- 2D8A80
≈ Copper Turquoise
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.41:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.76:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.76:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--midnight-violet: #6a75ad;
--midnight-violet-rgb: 106 117 173;
--midnight-violet-oklch: oklch(0.577 0.087 274.8);
}
.element {
color: var(--midnight-violet);
background-color: hsl(230 29% 55%);
border-color: oklch(0.577 0.087 274.8);
}Tailwind CSS v4
@theme {
--color-midnight-violet: #6a75ad;
--color-midnight-violet-50: #eef4ff;
--color-midnight-violet-100: #e0e6ff;
--color-midnight-violet-200: #cad2fa;
--color-midnight-violet-300: #abb4e4;
--color-midnight-violet-400: #8f9bd2;
--color-midnight-violet-500: #7581c0;
--color-midnight-violet-600: #636ea2;
--color-midnight-violet-700: #4f5882;
--color-midnight-violet-800: #384061;
--color-midnight-violet-900: #262c44;
--color-midnight-violet-950: #15192c;
}SCSS
$midnight-violet: #6a75ad;
$midnight-violet-rgb: 106, 117, 173;
$midnight-violet-light: mix(#fff, $midnight-violet, 20%);
$midnight-violet-dark: mix(#000, $midnight-violet, 20%);
.element {
color: $midnight-violet;
box-shadow: 0 0 0 2px rgba($midnight-violet, 0.35);
}