Benannte Farbe · #4D646C
Masuhana Blue
Masuhana Blue ist #4D646C: rgb(77 100 108), hsl(195 17% 36%), oklch(0.488 0.03 221.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Masuhana Blue color name →
#4D646C
oklch(0.488 0.03 221.1)
Farbumrechnungen
- HEX
- #4d646c
- RGB
- rgb(77 100 108)
- HSL
- hsl(195 17% 36%)
- HWB
- hwb(195 30% 58%)
- OKLCH
- oklch(0.488 0.03 221.1)
- OKLab
- oklab(0.488 -0.023 -0.02)
- CIE Lab
- lab(40.73 -7.36 -7.51)
- LCH
- lch(40.73 10.52 225.6)
- CMYK
- cmyk(29% 7% 0% 58%)
Tints · Shades · Tones
Tints
- 5D727A
- 6E8188
- 7F9096
- 909FA4
- A2AEB3
- B4BEC2
- C6CED1
- D9DEE0
- ECEEEF
Shades
- 42565D
- 37484E
- 2C3B40
- 222E32
- 182225
- 0F1619
- 070B0D
- 020304
- 000000
Tones
- 52676E
- 576A70
- 5C6C72
- 616F74
- 677276
- 6C7578
- 71787A
- 767A7C
- 7B7D7E
Farbharmonien
Komplementär +180°
- 4D646C
Masuhana Blue
- 6F5A53
≈ Bistro
Analog -30° +30°
- 4D646C
Masuhana Blue
- 4C6564
≈ Angry Ocean
- 536171
≈ Da Blues
Triadisch +120° +240°
- 4D646C
Masuhana Blue
- 6C5965
≈ Patina Violet
- 63614D
≈ Groundcover
Geteilt komplementär +150° +210°
- 4D646C
Masuhana Blue
- 70595B
≈ Falcon
- 6B5D4D
≈ Primitive
Tetradisch +90° +180° +270°
- 4D646C
Masuhana Blue
- 655B6D
≈ Violet Haze
- 6F5A53
≈ Bistro
- 5A6452
≈ Lakeside Pine
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.25:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.35:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.25:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--masuhana-blue: #4d646c;
--masuhana-blue-rgb: 77 100 108;
--masuhana-blue-oklch: oklch(0.488 0.03 221.1);
}
.element {
color: var(--masuhana-blue);
background-color: hsl(195 17% 36%);
border-color: oklch(0.488 0.03 221.1);
}Tailwind CSS v4
@theme {
--color-masuhana-blue: #4d646c;
--color-masuhana-blue-50: #ecf7fc;
--color-masuhana-blue-100: #deeaef;
--color-masuhana-blue-200: #c7d7de;
--color-masuhana-blue-300: #a7bbc3;
--color-masuhana-blue-400: #8ca3ab;
--color-masuhana-blue-500: #718b95;
--color-masuhana-blue-600: #60767e;
--color-masuhana-blue-700: #4c5e65;
--color-masuhana-blue-800: #37454a;
--color-masuhana-blue-900: #263033;
--color-masuhana-blue-950: #141c1f;
}SCSS
$masuhana-blue: #4d646c;
$masuhana-blue-rgb: 77, 100, 108;
$masuhana-blue-light: mix(#fff, $masuhana-blue, 20%);
$masuhana-blue-dark: mix(#000, $masuhana-blue, 20%);
.element {
color: $masuhana-blue;
box-shadow: 0 0 0 2px rgba($masuhana-blue, 0.35);
}