Couleur nommée la plus proche · #5564C2
#5564C2
Couleur nommée la plus proche: Savoy Blue
#5564C2 (rgb(85 100 194), hsl(232 47% 55%), oklch(0.539 0.146 273.7)) est la plus proche de la couleur nommée Savoy Blue. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5564C2
oklch(0.539 0.146 273.7)
Conversions de couleur
- HEX
- #5564c2
- RGB
- rgb(85 100 194)
- HSL
- hsl(232 47% 55%)
- HWB
- hwb(232 33% 24%)
- OKLCH
- oklch(0.539 0.146 273.7)
- OKLab
- oklab(0.539 0.009 -0.146)
- CIE Lab
- lab(44.84 15.84 -52.07)
- LCH
- lch(44.84 54.43 286.9)
- CMYK
- cmyk(56% 48% 0% 24%)
Teintes · Ombres · Tons
Teintes
- 6474C9
- 7383D0
- 8393D7
- 94A2DD
- A5B1E3
- B6C1E9
- C8D0EF
- DAE0F5
- ECEFFA
Ombres
- 4956A8
- 3D488F
- 313B77
- 262E60
- 1C2249
- 111634
- 080B20
- 02030E
- 000002
Tons
- 5968BC
- 5D6BB6
- 616EB0
- 6571A9
- 6974A3
- 6E779C
- 727995
- 777C8E
- 7B7E87
Harmonies de couleurs
Complémentaire +180°
- 5564C2
Savoy Blue
- 846C00
≈ Muddy Brown
Analogue -30° +30°
- 5564C2
Savoy Blue
- 0074B4
≈ Post It
- 8155B3
≈ Royal Lavender
Triadique +120° +240°
- 5564C2
Savoy Blue
- B34730
≈ Crimson Boy
- 008447
≈ Veritably Verdant
Complémentaire divisée +150° +210°
- 5564C2
Savoy Blue
- 9F5C00
≈ Soft Tone Ink
- 5F7A00
≈ Topiary Green
Tétradique +90° +180° +270°
- 5564C2
Savoy Blue
- B04265
≈ Sangria
- 846C00
≈ Muddy Brown
- 008074
≈ Green Garlands
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.26:1 · APCA Lc 76
Ag
FailSur noir
WCAG 3.98:1 · APCA Lc 26
Meilleure couleur de texte: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--savoy-blue: #5564c2;
--savoy-blue-rgb: 85 100 194;
--savoy-blue-oklch: oklch(0.539 0.146 273.7);
}
.element {
color: var(--savoy-blue);
background-color: hsl(232 47% 55%);
border-color: oklch(0.539 0.146 273.7);
}Tailwind CSS v4
@theme {
--color-savoy-blue: #5564c2;
--color-savoy-blue-50: #e9f3ff;
--color-savoy-blue-100: #dae5ff;
--color-savoy-blue-200: #c2d0ff;
--color-savoy-blue-300: #a2b1ff;
--color-savoy-blue-400: #8496f4;
--color-savoy-blue-500: #697be6;
--color-savoy-blue-600: #5968c2;
--color-savoy-blue-700: #47539c;
--color-savoy-blue-800: #313d74;
--color-savoy-blue-900: #212a52;
--color-savoy-blue-950: #111737;
}SCSS
$savoy-blue: #5564c2;
$savoy-blue-rgb: 85, 100, 194;
$savoy-blue-light: mix(#fff, $savoy-blue, 20%);
$savoy-blue-dark: mix(#000, $savoy-blue, 20%);
.element {
color: $savoy-blue;
box-shadow: 0 0 0 2px rgba($savoy-blue, 0.35);
}