Nächste benannte Farbe · #504589
#504589
Nächste benannte Farbe: Blueberry
#504589 (rgb(80 69 137), hsl(250 33% 40%), oklch(0.436 0.109 288.5)) liegt am nächsten an der benannten Farbe Blueberry. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#504589
oklch(0.436 0.109 288.5)
Farbumrechnungen
- HEX
- #504589
- RGB
- rgb(80 69 137)
- HSL
- hsl(250 33% 40%)
- HWB
- hwb(250 27% 46%)
- OKLCH
- oklch(0.436 0.109 288.5)
- OKLab
- oklab(0.436 0.035 -0.103)
- CIE Lab
- lab(33.07 18.37 -37.02)
- LCH
- lch(33.07 41.33 296.4)
- CMYK
- cmyk(42% 50% 0% 46%)
Tints · Shades · Tones
Tints
- 5F5795
- 6F68A1
- 7F7AAD
- 908DB9
- A29FC5
- B4B2D0
- C6C5DC
- D9D8E8
- ECEBF3
Shades
- 443B76
- 393164
- 2E2753
- 241E42
- 1A1531
- 100C22
- 070514
- 020207
- 000001
Tones
- 544B89
- 595288
- 5D5888
- 625E87
- 676386
- 6B6985
- 706F84
- 767583
- 7B7A82
Farbharmonien
Komplementär +180°
- 504589
Blueberry
- 565500
≈ Douro
Analog -30° +30°
- 504589
Blueberry
- 29508C
≈ Blue Nude
- 6A3B77
≈ Comtesse
Triadisch +120° +240°
- 504589
Blueberry
- 803B0E
≈ Red Beech
- 006048
≈ Sci-Fi Takeout
Geteilt komplementär +150° +210°
- 504589
Blueberry
- 6C4A00
≈ Antique Bronze
- 2F5F1E
≈ Bright Nori
Tetradisch +90° +180° +270°
- 504589
Blueberry
- 833439
≈ Blood Oath
- 565500
≈ Douro
- 005D60
≈ Sandhill Crane
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.22:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.55:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.22:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--blueberry: #504589;
--blueberry-rgb: 80 69 137;
--blueberry-oklch: oklch(0.436 0.109 288.5);
}
.element {
color: var(--blueberry);
background-color: hsl(250 33% 40%);
border-color: oklch(0.436 0.109 288.5);
}Tailwind CSS v4
@theme {
--color-blueberry: #504589;
--color-blueberry-50: #f4f0ff;
--color-blueberry-100: #e7e2ff;
--color-blueberry-200: #d3cdff;
--color-blueberry-300: #b7aeec;
--color-blueberry-400: #9c94db;
--color-blueberry-500: #8479ca;
--color-blueberry-600: #6f67aa;
--color-blueberry-700: #595289;
--color-blueberry-800: #403c66;
--color-blueberry-900: #2c2948;
--color-blueberry-950: #19172f;
}SCSS
$blueberry: #504589;
$blueberry-rgb: 80, 69, 137;
$blueberry-light: mix(#fff, $blueberry, 20%);
$blueberry-dark: mix(#000, $blueberry, 20%);
.element {
color: $blueberry;
box-shadow: 0 0 0 2px rgba($blueberry, 0.35);
}