Benannte Farbe · #5533FF
Meteor Shower
Meteor Shower ist #5533FF: rgb(85 51 255), hsl(250 100% 60%), oklch(0.517 0.275 278.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Meteor Shower color name →
#5533FF
oklch(0.517 0.275 278.3)
Farbumrechnungen
- HEX
- #5533ff
- RGB
- rgb(85 51 255)
- HSL
- hsl(250 100% 60%)
- HWB
- hwb(250 20% 0%)
- OKLCH
- oklch(0.517 0.275 278.3)
- OKLab
- oklab(0.517 0.04 -0.272)
- CIE Lab
- lab(38.65 58.14 -96.77)
- LCH
- lch(38.65 112.89 301)
- CMYK
- cmyk(67% 80% 0% 0%)
Tints · Shades · Tones
Tints
- 6052FF
- 6D6BFF
- 7C80FF
- 8C94FF
- 9DA7FF
- AFB9FF
- C3CBFF
- D6DCFF
- EAEEFF
Shades
- 492BDE
- 3D23BE
- 311C9E
- 261480
- 1C0D63
- 110748
- 08032E
- 020116
- 000003
Tones
- 5644F3
- 5850E7
- 5B5ADB
- 5F62CF
- 6369C3
- 686FB6
- 6E74A9
- 73789C
- 7A7C8E
Farbharmonien
Komplementär +180°
- 5533FF
Meteor Shower
- 786800
≈ Arousing Alligator
Analog -30° +30°
- 5533FF
Meteor Shower
- 006BB4
≈ Daphne
- 9300D8
≈ Vibrant Violet
Triadisch +120° +240°
- 5533FF
Meteor Shower
- B33800
≈ Azshara Vein
- 007C4D
≈ Salem
Geteilt komplementär +150° +210°
- 5533FF
Meteor Shower
- 925A00
≈ Sepia Wash
- 507600
≈ Tropicana
Tetradisch +90° +180° +270°
- 5533FF
Meteor Shower
- C00050
≈ Pictorial Carmine
- 786800
≈ Arousing Alligator
- 007872
≈ Mermaid Harbour
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.35:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.30:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.35:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--meteor-shower: #5533ff;
--meteor-shower-rgb: 85 51 255;
--meteor-shower-oklch: oklch(0.517 0.275 278.3);
}
.element {
color: var(--meteor-shower);
background-color: hsl(250 100% 60%);
border-color: oklch(0.517 0.275 278.3);
}Tailwind CSS v4
@theme {
--color-meteor-shower: #5533ff;
--color-meteor-shower-50: #e6edff;
--color-meteor-shower-100: #d6ddff;
--color-meteor-shower-200: #bfc4ff;
--color-meteor-shower-300: #a1a0ff;
--color-meteor-shower-400: #827eff;
--color-meteor-shower-500: #6d52ff;
--color-meteor-shower-600: #5c48ff;
--color-meteor-shower-700: #493ad1;
--color-meteor-shower-800: #312a9e;
--color-meteor-shower-900: #211d70;
--color-meteor-shower-950: #12094f;
}SCSS
$meteor-shower: #5533ff;
$meteor-shower-rgb: 85, 51, 255;
$meteor-shower-light: mix(#fff, $meteor-shower, 20%);
$meteor-shower-dark: mix(#000, $meteor-shower, 20%);
.element {
color: $meteor-shower;
box-shadow: 0 0 0 2px rgba($meteor-shower, 0.35);
}