Couleur nommée la plus proche · #ADB4E9
#ADB4E9
Couleur nommée la plus proche: Purple Illusion
#ADB4E9 (rgb(173 180 233), hsl(233 58% 80%), oklch(0.783 0.076 278.6)) est la plus proche de la couleur nommée Purple Illusion. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#ADB4E9
oklch(0.783 0.076 278.6)
Conversions de couleur
- HEX
- #adb4e9
- RGB
- rgb(173 180 233)
- HSL
- hsl(233 58% 80%)
- HWB
- hwb(233 68% 9%)
- OKLCH
- oklch(0.783 0.076 278.6)
- OKLab
- oklab(0.783 0.011 -0.075)
- CIE Lab
- lab(74.16 6.14 -27.54)
- LCH
- lch(74.16 28.22 282.6)
- CMYK
- cmyk(26% 23% 0% 9%)
Teintes · Ombres · Tons
Teintes
- B5BBEB
- BDC3EE
- C5CAF0
- CDD2F3
- D5D9F5
- DDE1F7
- E6E8F9
- EEF0FB
- F6F7FD
Ombres
- 969CCB
- 7F85AD
- 6A6E90
- 555874
- 41445A
- 2D3041
- 1B1D29
- 0B0C13
- 010203
Tons
- A8AFDE
- A4AAD3
- 9FA4C9
- 9B9FBE
- 969AB4
- 9295A9
- 8D909F
- 898A94
- 84858A
Harmonies de couleurs
Complémentaire +180°
- ADB4E9
Purple Illusion
- C4BA81
≈ Frozen Marguerita
Analogue -30° +30°
- ADB4E9
Purple Illusion
- 92BDE7
≈ Blue Shutters
- C6ACDE
≈ Perfume
Triadique +120° +240°
- ADB4E9
Purple Illusion
- E4A895
≈ Ageless Beauty
- 8FC8A7
≈ Park Green Flat
Complémentaire divisée +150° +210°
- ADB4E9
Purple Illusion
- D9B084
≈ Calico
- AAC28E
≈ Shrubbery
Tétradique +90° +180° +270°
- ADB4E9
Purple Illusion
- E4A5AE
≈ Love at First Sight
- C4BA81
≈ Frozen Marguerita
- 7DC8C2
≈ Cyantific
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.00:1 · APCA Lc 39
Ag
AAASur noir
WCAG 10.48:1 · APCA Lc 64
Meilleure couleur de texte: #000000
WCAG 10.48:1 (AAA) · APCA Lc 64
Contrast pairs
Extraits de code
CSS
:root {
--purple-illusion: #adb4e9;
--purple-illusion-rgb: 173 180 233;
--purple-illusion-oklch: oklch(0.783 0.076 278.6);
}
.element {
color: var(--purple-illusion);
background-color: hsl(233 58% 80%);
border-color: oklch(0.783 0.076 278.6);
}Tailwind CSS v4
@theme {
--color-purple-illusion: #adb4e9;
--color-purple-illusion-50: #f1f3ff;
--color-purple-illusion-100: #e3e6ff;
--color-purple-illusion-200: #ced1f5;
--color-purple-illusion-300: #b0b4de;
--color-purple-illusion-400: #949acb;
--color-purple-illusion-500: #7b81b8;
--color-purple-illusion-600: #686d9b;
--color-purple-illusion-700: #53577d;
--color-purple-illusion-800: #3b405d;
--color-purple-illusion-900: #292c41;
--color-purple-illusion-950: #17192a;
}SCSS
$purple-illusion: #adb4e9;
$purple-illusion-rgb: 173, 180, 233;
$purple-illusion-light: mix(#fff, $purple-illusion, 20%);
$purple-illusion-dark: mix(#000, $purple-illusion, 20%);
.element {
color: $purple-illusion;
box-shadow: 0 0 0 2px rgba($purple-illusion, 0.35);
}