Benannte Farbe · #6A7FB4
Marvellous
Marvellous ist #6A7FB4: rgb(106 127 180), hsl(223 33% 56%), oklch(0.601 0.085 267.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Marvellous color name →
#6A7FB4
oklch(0.601 0.085 267.3)
Farbumrechnungen
- HEX
- #6a7fb4
- RGB
- rgb(106 127 180)
- HSL
- hsl(223 33% 56%)
- HWB
- hwb(223 42% 29%)
- OKLCH
- oklch(0.601 0.085 267.3)
- OKLab
- oklab(0.601 -0.004 -0.085)
- CIE Lab
- lab(53.15 2.69 -30.83)
- LCH
- lch(53.15 30.95 275)
- CMYK
- cmyk(41% 29% 0% 29%)
Tints · Shades · Tones
Tints
- 788BBC
- 8698C3
- 94A4CB
- A3B1D3
- B2BEDA
- C1CBE2
- D0D8E9
- E0E5F0
- EFF2F8
Shades
- 5B6E9C
- 4D5D85
- 3F4C6E
- 313C58
- 242D44
- 181F30
- 0D111D
- 04060C
- 000102
Tones
- 6C7FAF
- 6E80AA
- 7180A5
- 7380A0
- 75809B
- 778095
- 798090
- 7C808B
- 7E8085
Farbharmonien
Komplementär +180°
- 6A7FB4
Marvellous
- 967D41
≈ Raked Leaves
Analog -30° +30°
- 6A7FB4
Marvellous
- 4B88AD
≈ Tropic
- 8676AD
≈ Grape Parfait
Triadisch +120° +240°
- 6A7FB4
Marvellous
- AE6D65
≈ Scene Stealer
- 5D8F63
≈ Succulent Leaves
Geteilt komplementär +150° +210°
- 6A7FB4
Marvellous
- A7734C
≈ Copper Mountain
- 7D874B
≈ Field Maple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.95:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.30:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--marvellous: #6a7fb4;
--marvellous-rgb: 106 127 180;
--marvellous-oklch: oklch(0.601 0.085 267.3);
}
.element {
color: var(--marvellous);
background-color: hsl(223 33% 56%);
border-color: oklch(0.601 0.085 267.3);
}Tailwind CSS v4
@theme {
--color-marvellous: #6a7fb4;
--color-marvellous-50: #ebf5ff;
--color-marvellous-100: #dce7ff;
--color-marvellous-200: #c5d3fa;
--color-marvellous-300: #a6b6e4;
--color-marvellous-400: #889dd1;
--color-marvellous-500: #6d84bf;
--color-marvellous-600: #5d70a1;
--color-marvellous-700: #4a5a81;
--color-marvellous-800: #344260;
--color-marvellous-900: #232d43;
--color-marvellous-950: #121a2b;
}SCSS
$marvellous: #6a7fb4;
$marvellous-rgb: 106, 127, 180;
$marvellous-light: mix(#fff, $marvellous, 20%);
$marvellous-dark: mix(#000, $marvellous, 20%);
.element {
color: $marvellous;
box-shadow: 0 0 0 2px rgba($marvellous, 0.35);
}