Najbliższy nazwany kolor · #504589
#504589
Najbliższy nazwany kolor: Blueberry
#504589 (rgb(80 69 137), hsl(250 33% 40%), oklch(0.436 0.109 288.5)) jest najbliższy nazwanemu kolorowi Blueberry. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#504589
oklch(0.436 0.109 288.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5F5795
- 6F68A1
- 7F7AAD
- 908DB9
- A29FC5
- B4B2D0
- C6C5DC
- D9D8E8
- ECEBF3
Odcienie ciemniejsze
- 443B76
- 393164
- 2E2753
- 241E42
- 1A1531
- 100C22
- 070514
- 020207
- 000001
Tony
- 544B89
- 595288
- 5D5888
- 625E87
- 676386
- 6B6985
- 706F84
- 767583
- 7B7A82
Harmonie kolorów
Komplementarna +180°
- 504589
Blueberry
- 565500
≈ Douro
Analogowa -30° +30°
- 504589
Blueberry
- 29508C
≈ Blue Nude
- 6A3B77
≈ Comtesse
Triada +120° +240°
- 504589
Blueberry
- 803B0E
≈ Red Beech
- 006048
≈ Sci-Fi Takeout
Komplementarna rozszczepiona +150° +210°
- 504589
Blueberry
- 6C4A00
≈ Antique Bronze
- 2F5F1E
≈ Bright Nori
Tetrada +90° +180° +270°
- 504589
Blueberry
- 833439
≈ Blood Oath
- 565500
≈ Douro
- 005D60
≈ Sandhill Crane
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.22:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.55:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.22:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
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);
}