Couleur nommée la plus proche · #634ED7
#634ED7
Couleur nommée la plus proche: Warm Blue
#634ED7 (rgb(99 78 215), hsl(249 63% 57%), oklch(0.526 0.2 284.1)) 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.
#634ED7
oklch(0.526 0.2 284.1)
Conversions de couleur
- HEX
- #634ed7
- RGB
- rgb(99 78 215)
- HSL
- hsl(249 63% 57%)
- HWB
- hwb(249 31% 16%)
- OKLCH
- oklch(0.526 0.2 284.1)
- OKLab
- oklab(0.526 0.049 -0.194)
- CIE Lab
- lab(41.78 37.23 -68.99)
- LCH
- lch(41.78 78.4 298.4)
- CMYK
- cmyk(54% 64% 0% 16%)
Teintes · Ombres · Tons
Teintes
- 6F62DD
- 7D75E2
- 8B87E7
- 9A98EC
- AAA9F0
- BABBF4
- CBCCF7
- DCDDFA
- EDEEFD
Ombres
- 5543BB
- 47389F
- 3A2D85
- 2E236B
- 211952
- 160F3B
- 0B0725
- 030211
- 000002
Tons
- 6556CF
- 675CC7
- 6962BF
- 6C68B6
- 6E6CAE
- 7271A5
- 75759C
- 787993
- 7C7D8A
Harmonies de couleurs
Complémentaire +180°
- 634ED7
Warm Blue
- 756D00
≈ Bronze Yellow
Analogue -30° +30°
- 634ED7
Warm Blue
- 0069C8
≈ Royal Navy Blue
- 9338B9
≈ Akebi Purple
Triadique +120° +240°
- 634ED7
Warm Blue
- AF4500
≈ Pepperoni
- 007E59
≈ Sharp Green
Complémentaire divisée +150° +210°
- 634ED7
Warm Blue
- 905F00
≈ Rat Brown
- 427C00
≈ Green People
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.83:1 · APCA Lc 79
Ag
FailSur noir
WCAG 3.60:1 · APCA Lc 23
Meilleure couleur de texte: #FFFFFF
WCAG 5.83:1 (AA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--warm-blue: #634ed7;
--warm-blue-rgb: 99 78 215;
--warm-blue-oklch: oklch(0.526 0.2 284.1);
}
.element {
color: var(--warm-blue);
background-color: hsl(249 63% 57%);
border-color: oklch(0.526 0.2 284.1);
}Tailwind CSS v4
@theme {
--color-warm-blue: #634ed7;
--color-warm-blue-50: #f0eeff;
--color-warm-blue-100: #e2dfff;
--color-warm-blue-200: #cdc7ff;
--color-warm-blue-300: #b0a6ff;
--color-warm-blue-400: #9388ff;
--color-warm-blue-500: #7d68ff;
--color-warm-blue-600: #6959da;
--color-warm-blue-700: #5447af;
--color-warm-blue-800: #3b3484;
--color-warm-blue-900: #28235e;
--color-warm-blue-950: #171140;
}SCSS
$warm-blue: #634ed7;
$warm-blue-rgb: 99, 78, 215;
$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);
}