Couleur nommée la plus proche · #544FDA
#544FDA
Couleur nommée la plus proche: Warm Blue
#544FDA (rgb(84 79 218), hsl(242 65% 58%), oklch(0.518 0.205 278)) est la plus proche de la couleur nommée Warm Blue. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#544FDA
oklch(0.518 0.205 278)
Conversions de couleur
- HEX
- #544fda
- RGB
- rgb(84 79 218)
- HSL
- hsl(242 65% 58%)
- HWB
- hwb(242 31% 15%)
- OKLCH
- oklch(0.518 0.205 278)
- OKLab
- oklab(0.518 0.029 -0.203)
- CIE Lab
- lab(40.94 34.42 -72.13)
- LCH
- lch(40.94 79.93 295.5)
- CMYK
- cmyk(61% 64% 0% 15%)
Teintes · Ombres · Tons
Teintes
- 6163DF
- 7076E5
- 8088E9
- 9099EE
- A1AAF2
- B3BBF5
- C5CCF8
- D8DDFB
- EBEEFD
Ombres
- 4844BD
- 3C38A2
- 312E87
- 26236C
- 1B1954
- 11103C
- 080725
- 020211
- 000002
Tons
- 5757D2
- 5A5DC9
- 5E63C1
- 6268B8
- 666DB0
- 6B72A7
- 70769E
- 757994
- 7B7D8A
Harmonies de couleurs
Complémentaire +180°
- 544FDA
Warm Blue
- 796800
≈ Arousing Alligator
Analogue -30° +30°
- 544FDA
Warm Blue
- 006CB4
≈ Daphne
- 8938C0
≈ Pheromone Purple
Triadique +120° +240°
- 544FDA
Warm Blue
- B43700
≈ Azshara Vein
- 007D4D
≈ Salem
Complémentaire divisée +150° +210°
- 544FDA
Warm Blue
- 925A00
≈ Sepia Wash
- 517600
≈ Tropicana
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.98:1 · APCA Lc 79
Ag
FailSur noir
WCAG 3.50:1 · APCA Lc 22
Meilleure couleur de texte: #FFFFFF
WCAG 5.98:1 (AA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--warm-blue: #544fda;
--warm-blue-rgb: 84 79 218;
--warm-blue-oklch: oklch(0.518 0.205 278);
}
.element {
color: var(--warm-blue);
background-color: hsl(242 65% 58%);
border-color: oklch(0.518 0.205 278);
}Tailwind CSS v4
@theme {
--color-warm-blue: #544fda;
--color-warm-blue-50: #e9f0ff;
--color-warm-blue-100: #dae1ff;
--color-warm-blue-200: #c3caff;
--color-warm-blue-300: #a4a9ff;
--color-warm-blue-400: #858cff;
--color-warm-blue-500: #6d6cff;
--color-warm-blue-600: #5c5cdf;
--color-warm-blue-700: #4a49b4;
--color-warm-blue-800: #323687;
--color-warm-blue-900: #222560;
--color-warm-blue-950: #121242;
}SCSS
$warm-blue: #544fda;
$warm-blue-rgb: 84, 79, 218;
$warm-blue-light: mix(#fff, $warm-blue, 20%);
$warm-blue-dark: mix(#000, $warm-blue, 20%);
.element {
color: $warm-blue;
box-shadow: 0 0 0 2px rgba($warm-blue, 0.35);
}