Nazwany kolor · #50599F
Purple Frenzy
Purple Frenzy to #50599F: rgb(80 89 159), hsl(233 33% 47%), oklch(0.49 0.112 275.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Purple Frenzy color name →
#50599F
oklch(0.49 0.112 275.9)
Konwersje koloru
- HEX
- #50599f
- RGB
- rgb(80 89 159)
- HSL
- hsl(233 33% 47%)
- HWB
- hwb(233 31% 38%)
- OKLCH
- oklch(0.49 0.112 275.9)
- OKLab
- oklab(0.49 0.012 -0.111)
- CIE Lab
- lab(39.66 11.81 -39.85)
- LCH
- lch(39.66 41.56 286.5)
- CMYK
- cmyk(50% 44% 0% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5F69A9
- 6F79B3
- 8089BD
- 919AC7
- A2AAD0
- B4BBDA
- C6CCE3
- D9DCED
- ECEEF6
Odcienie ciemniejsze
- 444C8A
- 394075
- 2E3461
- 24284D
- 1A1D3B
- 101329
- 070918
- 020309
- 000001
Tony
- 545D9C
- 59629A
- 5D6697
- 626A94
- 676E91
- 6C728E
- 71758B
- 767987
- 7B7C84
Harmonie kolorów
Komplementarna +180°
- 50599F
Purple Frenzy
- 725F00
≈ Hot Mustard
Analogowa -30° +30°
- 50599F
Purple Frenzy
- 1B659C
≈ Impulse Blue
- 704E92
≈ Parfait d’Amour
Triada +120° +240°
- 50599F
Purple Frenzy
- 954631
≈ Dark Brazilian Topaz
- 147345
≈ Cloudy Camouflage
Komplementarna rozszczepiona +150° +210°
- 50599F
Purple Frenzy
- 895200
≈ Spear Shaft
- 516B18
≈ Bowser Shell
Tetrada +90° +180° +270°
- 50599F
Purple Frenzy
- 934257
≈ Raspberry Pudding
- 725F00
≈ Hot Mustard
- 007068
≈ Tide Pools
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.42:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.27:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.42:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--purple-frenzy: #50599f;
--purple-frenzy-rgb: 80 89 159;
--purple-frenzy-oklch: oklch(0.49 0.112 275.9);
}
.element {
color: var(--purple-frenzy);
background-color: hsl(233 33% 47%);
border-color: oklch(0.49 0.112 275.9);
}Tailwind CSS v4
@theme {
--color-purple-frenzy: #50599f;
--color-purple-frenzy-50: #edf3ff;
--color-purple-frenzy-100: #dee5ff;
--color-purple-frenzy-200: #c8d0ff;
--color-purple-frenzy-300: #a9b2f1;
--color-purple-frenzy-400: #8c98e0;
--color-purple-frenzy-500: #727ecf;
--color-purple-frenzy-600: #616baf;
--color-purple-frenzy-700: #4d568d;
--color-purple-frenzy-800: #363f69;
--color-purple-frenzy-900: #252b4a;
--color-purple-frenzy-950: #141830;
}SCSS
$purple-frenzy: #50599f;
$purple-frenzy-rgb: 80, 89, 159;
$purple-frenzy-light: mix(#fff, $purple-frenzy, 20%);
$purple-frenzy-dark: mix(#000, $purple-frenzy, 20%);
.element {
color: $purple-frenzy;
box-shadow: 0 0 0 2px rgba($purple-frenzy, 0.35);
}