Couleur nommée la plus proche · #8D9FC8
#8D9FC8
Couleur nommée la plus proche: Azureno
#8D9FC8 (rgb(141 159 200), hsl(222 35% 67%), oklch(0.703 0.064 266.3)) est la plus proche de la couleur nommée Azureno. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8D9FC8
oklch(0.703 0.064 266.3)
Conversions de couleur
- HEX
- #8d9fc8
- RGB
- rgb(141 159 200)
- HSL
- hsl(222 35% 67%)
- HWB
- hwb(222 55% 22%)
- OKLCH
- oklch(0.703 0.064 266.3)
- OKLab
- oklab(0.703 -0.004 -0.064)
- CIE Lab
- lab(65.19 0.61 -23.41)
- LCH
- lch(65.19 23.41 271.5)
- CMYK
- cmyk(29% 21% 0% 22%)
Teintes · Ombres · Tons
Teintes
- 98A8CE
- A3B2D3
- AEBBD9
- B9C5DE
- C5CEE4
- D0D8E9
- DCE2EF
- E7EBF4
- F3F5FA
Ombres
- 7A8AAE
- 677594
- 55617B
- 444D63
- 333B4C
- 232936
- 141821
- 07090F
- 010102
Tons
- 8C9CC1
- 8A99B9
- 8996B2
- 8893AB
- 8790A4
- 858D9D
- 848995
- 83868E
- 818387
Harmonies de couleurs
Complémentaire +180°
- 8D9FC8
Azureno
- B19D72
≈ Golden Sage
Analogue -30° +30°
- 8D9FC8
Azureno
- 79A6C2
≈ Serene Sea
- A398C3
≈ Bloomsberry
Triadique +120° +240°
- 8D9FC8
Azureno
- C4918B
≈ Evening Blush
- 86AB88
≈ Baby Spinach
Complémentaire divisée +150° +210°
- 8D9FC8
Azureno
- BF9679
≈ Coffee Gelato
- 9DA577
≈ Forester
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.64:1 · APCA Lc 52
Ag
AAASur noir
WCAG 7.92:1 · APCA Lc 50
Meilleure couleur de texte: #000000
WCAG 7.92:1 (AAA) · APCA Lc 50
Contrast pairs
Extraits de code
CSS
:root {
--azureno: #8d9fc8;
--azureno-rgb: 141 159 200;
--azureno-oklch: oklch(0.703 0.064 266.3);
}
.element {
color: var(--azureno);
background-color: hsl(222 35% 67%);
border-color: oklch(0.703 0.064 266.3);
}Tailwind CSS v4
@theme {
--color-azureno: #8d9fc8;
--color-azureno-50: #edf5ff;
--color-azureno-100: #dfe8fe;
--color-azureno-200: #c9d4f0;
--color-azureno-300: #a9b7d9;
--color-azureno-400: #8d9ec5;
--color-azureno-500: #7385b1;
--color-azureno-600: #617196;
--color-azureno-700: #4d5a78;
--color-azureno-800: #374259;
--color-azureno-900: #262e3e;
--color-azureno-950: #141a27;
}SCSS
$azureno: #8d9fc8;
$azureno-rgb: 141, 159, 200;
$azureno-light: mix(#fff, $azureno, 20%);
$azureno-dark: mix(#000, $azureno, 20%);
.element {
color: $azureno;
box-shadow: 0 0 0 2px rgba($azureno, 0.35);
}