Couleur nommée la plus proche · #008AE8
#008AE8
Couleur nommée la plus proche: Magical Merlin
#008AE8 (rgb(0 138 232), hsl(204 100% 45%), oklch(0.621 0.172 249.1)) est la plus proche de la couleur nommée Magical Merlin. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#008AE8
oklch(0.621 0.172 249.1)
Conversions de couleur
- HEX
- #008ae8
- RGB
- rgb(0 138 232)
- HSL
- hsl(204 100% 45%)
- HWB
- hwb(204 0% 9%)
- OKLCH
- oklch(0.621 0.172 249.1)
- OKLab
- oklab(0.621 -0.061 -0.16)
- CIE Lab
- lab(55.19 -4.43 -57.21)
- LCH
- lch(55.19 57.38 265.6)
- CMYK
- cmyk(100% 41% 0% 9%)
Teintes · Ombres · Tons
Teintes
- 3697EB
- 52A3EF
- 6AAFF2
- 80BBF4
- 96C6F7
- ABD2F9
- C0DDFB
- D5E8FD
- EAF4FE
Ombres
- 0077CA
- 0065AC
- 005390
- 004274
- 003259
- 002240
- 001429
- 000713
- 000103
Tons
- 268ADE
- 378AD4
- 4589C9
- 5088BF
- 5987B5
- 6286AB
- 6A85A0
- 728496
- 79828B
Harmonies de couleurs
Complémentaire +180°
- 008AE8
Magical Merlin
- BA7500
≈ Cassandra’s Curse
Analogue -30° +30°
- 008AE8
Magical Merlin
- 0096B4
≈ Bondi Blue
- 7376EB
≈ Hera Blue
Triadique +120° +240°
- 008AE8
Magical Merlin
- D85070
≈ Rosy Cheeks
- 669800
≈ Gecko’s Dream
Complémentaire divisée +150° +210°
- 008AE8
Magical Merlin
- D9592A
≈ Lāl Red
- 9A8700
≈ Medusa Green
Tétradique +90° +180° +270°
- 008AE8
Magical Merlin
- C656A8
≈ Mazzy Star
- BA7500
≈ Cassandra’s Curse
- 00A066
≈ Emerald Light Green
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.62:1 · APCA Lc 63
Ag
AASur noir
WCAG 5.80:1 · APCA Lc 39
Meilleure couleur de texte: #000000
WCAG 5.80:1 (AA) · APCA Lc 39
Contrast pairs
Extraits de code
CSS
:root {
--magical-merlin: #008ae8;
--magical-merlin-rgb: 0 138 232;
--magical-merlin-oklch: oklch(0.621 0.172 249.1);
}
.element {
color: var(--magical-merlin);
background-color: hsl(204 100% 45%);
border-color: oklch(0.621 0.172 249.1);
}Tailwind CSS v4
@theme {
--color-magical-merlin: #008ae8;
--color-magical-merlin-50: #d1faff;
--color-magical-merlin-100: #beedff;
--color-magical-merlin-200: #9cdaff;
--color-magical-merlin-300: #71bcff;
--color-magical-merlin-400: #3ca3fe;
--color-magical-merlin-500: #0089f1;
--color-magical-merlin-600: #0074cb;
--color-magical-merlin-700: #005da3;
--color-magical-merlin-800: #00457a;
--color-magical-merlin-900: #003056;
--color-magical-merlin-950: #001b3a;
}SCSS
$magical-merlin: #008ae8;
$magical-merlin-rgb: 0, 138, 232;
$magical-merlin-light: mix(#fff, $magical-merlin, 20%);
$magical-merlin-dark: mix(#000, $magical-merlin, 20%);
.element {
color: $magical-merlin;
box-shadow: 0 0 0 2px rgba($magical-merlin, 0.35);
}