Benannte Farbe · #3C4B6C
Mountain Blueberry
Mountain Blueberry ist #3C4B6C: rgb(60 75 108), hsl(221 29% 33%), oklch(0.415 0.059 265.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Mountain Blueberry color name →
#3C4B6C
oklch(0.415 0.059 265.2)
Farbumrechnungen
- HEX
- #3c4b6c
- RGB
- rgb(60 75 108)
- HSL
- hsl(221 29% 33%)
- HWB
- hwb(221 24% 58%)
- OKLCH
- oklch(0.415 0.059 265.2)
- OKLab
- oklab(0.415 -0.005 -0.059)
- CIE Lab
- lab(31.71 1.18 -21.3)
- LCH
- lch(31.71 21.33 273.2)
- CMYK
- cmyk(44% 31% 0% 58%)
Tints · Shades · Tones
Tints
- 4D5B7A
- 5F6C88
- 717D97
- 848FA5
- 98A1B4
- ACB3C2
- C0C6D1
- D5D8E0
- EAECF0
Shades
- 33405D
- 2A354E
- 212B40
- 192132
- 111725
- 0A0E19
- 04060D
- 010204
- 000000
Tones
- 42506E
- 495670
- 505B73
- 566075
- 5D6577
- 646B79
- 6B707B
- 72757C
- 797B7E
Farbharmonien
Komplementär +180°
- 3C4B6C
Mountain Blueberry
- 5A4924
≈ Nightingale
Analog -30° +30°
- 3C4B6C
Mountain Blueberry
- 295167
≈ Shimmering Sea
- 4E4568
≈ True Romance
Triadisch +120° +240°
- 3C4B6C
Mountain Blueberry
- 683F3B
≈ Chipotle Paste
- 375438
≈ Goblin
Geteilt komplementär +150° +210°
- 3C4B6C
Mountain Blueberry
- 64432C
≈ Irish Coffee
- 4A5029
≈ Waiouru
Tetradisch +90° +180° +270°
- 3C4B6C
Mountain Blueberry
- 653E4D
≈ Crushed Violets
- 5A4924
≈ Nightingale
- 23564A
≈ Fresh Mint
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.69:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.41:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.69:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--mountain-blueberry: #3c4b6c;
--mountain-blueberry-rgb: 60 75 108;
--mountain-blueberry-oklch: oklch(0.415 0.059 265.2);
}
.element {
color: var(--mountain-blueberry);
background-color: hsl(221 29% 33%);
border-color: oklch(0.415 0.059 265.2);
}Tailwind CSS v4
@theme {
--color-mountain-blueberry: #3c4b6c;
--color-mountain-blueberry-50: #eef5ff;
--color-mountain-blueberry-100: #dfe8fc;
--color-mountain-blueberry-200: #c9d4ee;
--color-mountain-blueberry-300: #aab7d6;
--color-mountain-blueberry-400: #8e9ec2;
--color-mountain-blueberry-500: #7386ae;
--color-mountain-blueberry-600: #627193;
--color-mountain-blueberry-700: #4e5b76;
--color-mountain-blueberry-800: #384257;
--color-mountain-blueberry-900: #262e3d;
--color-mountain-blueberry-950: #141b26;
}SCSS
$mountain-blueberry: #3c4b6c;
$mountain-blueberry-rgb: 60, 75, 108;
$mountain-blueberry-light: mix(#fff, $mountain-blueberry, 20%);
$mountain-blueberry-dark: mix(#000, $mountain-blueberry, 20%);
.element {
color: $mountain-blueberry;
box-shadow: 0 0 0 2px rgba($mountain-blueberry, 0.35);
}