Nearest named color · #5747FF
#5747FF
Nearest named color: Meteor Shower
#5747FF (rgb(87 71 255), hsl(245 100% 64%), oklch(0.542 0.258 277.3)) is closest to the named color Meteor Shower. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5747FF
oklch(0.542 0.258 277.3)
Color conversions
- HEX
- #5747ff
- RGB
- rgb(87 71 255)
- HSL
- hsl(245 100% 64%)
- HWB
- hwb(245 28% 0%)
- OKLCH
- oklch(0.542 0.258 277.3)
- OKLab
- oklab(0.542 0.033 -0.256)
- CIE Lab
- lab(42.31 48.97 -90.73)
- LCH
- lch(42.31 103.1 298.4)
- CMYK
- cmyk(66% 72% 0% 0%)
Tints · Shades · Tones
Tints
- 6360FF
- 7075FF
- 7F88FF
- 8F9AFF
- A0ACFF
- B2BDFF
- C5CEFF
- D8DEFF
- EBEFFF
Shades
- 4B3DDE
- 3E32BE
- 33289E
- 271F80
- 1C1663
- 120D48
- 08062E
- 030216
- 000003
Tones
- 5952F3
- 5B5BE7
- 5E62DB
- 6269CF
- 666EC2
- 6A73B6
- 6F77A9
- 757A9C
- 7A7D8E
Color harmonies
Complementary +180°
- 5747FF
Meteor Shower
- 816F00
≈ Sunlit Kelp Green
Analogous -30° +30°
- 5747FF
Meteor Shower
- 0073BD
≈ Peek-A-Boo Blue
- 9821DF
≈ Violet
Triadic +120° +240°
- 5747FF
Meteor Shower
- C13900
≈ Mahogany
- 008550
≈ Pixel Nature
Split-complementary +150° +210°
- 5747FF
Meteor Shower
- 9C5F00
≈ Raw Sienna
- 587D00
≈ Avocado
Tetradic +90° +180° +270°
- 5747FF
Meteor Shower
- CC0058
≈ Red-Letter Day
- 816F00
≈ Sunlit Kelp Green
- 008079
≈ Coelia Greenshade
Contrast & accessibility
Ag
AAOn white
WCAG 5.59:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.75:1 · APCA Lc 25
Best text color: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--meteor-shower: #5747ff;
--meteor-shower-rgb: 87 71 255;
--meteor-shower-oklch: oklch(0.542 0.258 277.3);
}
.element {
color: var(--meteor-shower);
background-color: hsl(245 100% 64%);
border-color: oklch(0.542 0.258 277.3);
}Tailwind CSS v4
@theme {
--color-meteor-shower: #5747ff;
--color-meteor-shower-50: #e5eeff;
--color-meteor-shower-100: #d6dfff;
--color-meteor-shower-200: #bec6ff;
--color-meteor-shower-300: #9fa3ff;
--color-meteor-shower-400: #8083ff;
--color-meteor-shower-500: #6a5bff;
--color-meteor-shower-600: #594ffb;
--color-meteor-shower-700: #473fca;
--color-meteor-shower-800: #2f2e99;
--color-meteor-shower-900: #20206c;
--color-meteor-shower-950: #110d4c;
}SCSS
$meteor-shower: #5747ff;
$meteor-shower-rgb: 87, 71, 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);
}