Benannte Farbe · #4A5C94
Blue Dude
Blue Dude ist #4A5C94: rgb(74 92 148), hsl(225 33% 44%), oklch(0.486 0.093 269.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blue Dude color name →
#4A5C94
oklch(0.486 0.093 269.3)
Farbumrechnungen
- HEX
- #4a5c94
- RGB
- rgb(74 92 148)
- HSL
- hsl(225 33% 44%)
- HWB
- hwb(225 29% 42%)
- OKLCH
- oklch(0.486 0.093 269.3)
- OKLab
- oklab(0.486 -0.001 -0.093)
- CIE Lab
- lab(39.57 5.5 -33.47)
- LCH
- lch(39.57 33.92 279.3)
- CMYK
- cmyk(50% 38% 0% 42%)
Tints · Shades · Tones
Tints
- 5A6B9F
- 6B7BAA
- 7C8BB5
- 8E9BBF
- A0ABCA
- B2BCD5
- C5CCDF
- D8DDEA
- EBEEF4
Shades
- 3F4F80
- 35426D
- 2A365A
- 202A48
- 171F36
- 0E1426
- 060A16
- 020308
- 000001
Tones
- 4F6092
- 546491
- 5A678F
- 5F6B8D
- 646F8B
- 6A7289
- 6F7687
- 757985
- 7A7D83
Farbharmonien
Komplementär +180°
- 4A5C94
Blue Dude
- 745C10
≈ Hot Mustard
Analog -30° +30°
- 4A5C94
Blue Dude
- 22668E
≈ Traditional Blue
- 67528C
≈ Zimidar
Triadisch +120° +240°
- 4A5C94
Blue Dude
- 8C4940
≈ Rojo Oxide
- 346E41
≈ Arcala Green
Geteilt komplementär +150° +210°
- 4A5C94
Blue Dude
- 855122
≈ Plane Brown
- 596623
≈ Bimi Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.46:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.24:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.46:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--blue-dude: #4a5c94;
--blue-dude-rgb: 74 92 148;
--blue-dude-oklch: oklch(0.486 0.093 269.3);
}
.element {
color: var(--blue-dude);
background-color: hsl(225 33% 44%);
border-color: oklch(0.486 0.093 269.3);
}Tailwind CSS v4
@theme {
--color-blue-dude: #4a5c94;
--color-blue-dude-50: #ebf4ff;
--color-blue-dude-100: #dce7ff;
--color-blue-dude-200: #c5d3fd;
--color-blue-dude-300: #a6b5e8;
--color-blue-dude-400: #889cd6;
--color-blue-dude-500: #6d83c4;
--color-blue-dude-600: #5d6fa6;
--color-blue-dude-700: #4a5985;
--color-blue-dude-800: #344163;
--color-blue-dude-900: #232d45;
--color-blue-dude-950: #121a2d;
}SCSS
$blue-dude: #4a5c94;
$blue-dude-rgb: 74, 92, 148;
$blue-dude-light: mix(#fff, $blue-dude, 20%);
$blue-dude-dark: mix(#000, $blue-dude, 20%);
.element {
color: $blue-dude;
box-shadow: 0 0 0 2px rgba($blue-dude, 0.35);
}