Couleur nommée la plus proche · #5747FF
#5747FF
Couleur nommée la plus proche: Meteor Shower
#5747FF (rgb(87 71 255), hsl(245 100% 64%), oklch(0.542 0.258 277.3)) est la plus proche de la couleur nommée Meteor Shower. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5747FF
oklch(0.542 0.258 277.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 6360FF
- 7075FF
- 7F88FF
- 8F9AFF
- A0ACFF
- B2BDFF
- C5CEFF
- D8DEFF
- EBEFFF
Ombres
- 4B3DDE
- 3E32BE
- 33289E
- 271F80
- 1C1663
- 120D48
- 08062E
- 030216
- 000003
Tons
- 5952F3
- 5B5BE7
- 5E62DB
- 6269CF
- 666EC2
- 6A73B6
- 6F77A9
- 757A9C
- 7A7D8E
Harmonies de couleurs
Complémentaire +180°
- 5747FF
Meteor Shower
- 816F00
≈ Sunlit Kelp Green
Analogue -30° +30°
- 5747FF
Meteor Shower
- 0073BD
≈ Peek-A-Boo Blue
- 9821DF
≈ Violet
Triadique +120° +240°
- 5747FF
Meteor Shower
- C13900
≈ Mahogany
- 008550
≈ Pixel Nature
Complémentaire divisée +150° +210°
- 5747FF
Meteor Shower
- 9C5F00
≈ Raw Sienna
- 587D00
≈ Avocado
Tétradique +90° +180° +270°
- 5747FF
Meteor Shower
- CC0058
≈ Red-Letter Day
- 816F00
≈ Sunlit Kelp Green
- 008079
≈ Coelia Greenshade
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.59:1 · APCA Lc 77
Ag
FailSur noir
WCAG 3.75:1 · APCA Lc 25
Meilleure couleur de texte: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 77
Contrast pairs
Extraits de code
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);
}