Couleur nommée la plus proche · #A4B4F7
#A4B4F7
Couleur nommée la plus proche: Wondrous Wisteria
#A4B4F7 (rgb(164 180 247), hsl(228 84% 81%), oklch(0.782 0.097 273.6)) est la plus proche de la couleur nommée Wondrous Wisteria. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A4B4F7
oklch(0.782 0.097 273.6)
Conversions de couleur
- HEX
- #a4b4f7
- RGB
- rgb(164 180 247)
- HSL
- hsl(228 84% 81%)
- HWB
- hwb(228 64% 3%)
- OKLCH
- oklch(0.782 0.097 273.6)
- OKLab
- oklab(0.782 0.006 -0.097)
- CIE Lab
- lab(73.94 6.01 -35.48)
- LCH
- lch(73.94 35.99 279.6)
- CMYK
- cmyk(34% 27% 0% 3%)
Teintes · Ombres · Tons
Teintes
- ADBCF8
- B5C3F9
- BECBFA
- C7D2FB
- D0DAFC
- DAE1FD
- E3E9FE
- ECF0FE
- F6F8FF
Ombres
- 8E9CD7
- 7985B7
- 646E99
- 50587C
- 3D4460
- 2B3045
- 1A1D2C
- 0A0C15
- 010203
Tons
- A0AFEB
- 9DAADF
- 99A5D3
- 959FC7
- 929ABB
- 8E95AF
- 8B90A3
- 878A97
- 83858C
Harmonies de couleurs
Complémentaire +180°
- A4B4F7
Wondrous Wisteria
- CDB76D
≈ Trumpet
Analogue -30° +30°
- A4B4F7
Wondrous Wisteria
- 80BFF2
≈ Electric Eel
- C5A9EC
≈ Tropical Violet
Triadique +120° +240°
- A4B4F7
Wondrous Wisteria
- F0A18F
≈ Stone Fruit
- 86CB9B
≈ Good Luck Charm
Complémentaire divisée +150° +210°
- A4B4F7
Wondrous Wisteria
- E4AB75
≈ Golden Patina
- ABC37C
≈ Valley View
Tétradique +90° +180° +270°
- A4B4F7
Wondrous Wisteria
- ED9EB1
≈ Pegeen Peony
- CDB76D
≈ Trumpet
- 67CDBF
≈ Kinetic Teal
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.00:1 · APCA Lc 39
Ag
AAASur noir
WCAG 10.45:1 · APCA Lc 63
Meilleure couleur de texte: #000000
WCAG 10.45:1 (AAA) · APCA Lc 63
Contrast pairs
Extraits de code
CSS
:root {
--wondrous-wisteria: #a4b4f7;
--wondrous-wisteria-rgb: 164 180 247;
--wondrous-wisteria-oklch: oklch(0.782 0.097 273.6);
}
.element {
color: var(--wondrous-wisteria);
background-color: hsl(228 84% 81%);
border-color: oklch(0.782 0.097 273.6);
}Tailwind CSS v4
@theme {
--color-wondrous-wisteria: #a4b4f7;
--color-wondrous-wisteria-50: #edf4ff;
--color-wondrous-wisteria-100: #dee6ff;
--color-wondrous-wisteria-200: #c8d2ff;
--color-wondrous-wisteria-300: #a9b4ea;
--color-wondrous-wisteria-400: #8c9ad8;
--color-wondrous-wisteria-500: #7281c7;
--color-wondrous-wisteria-600: #606da8;
--color-wondrous-wisteria-700: #4d5787;
--color-wondrous-wisteria-800: #364064;
--color-wondrous-wisteria-900: #252c46;
--color-wondrous-wisteria-950: #14192e;
}SCSS
$wondrous-wisteria: #a4b4f7;
$wondrous-wisteria-rgb: 164, 180, 247;
$wondrous-wisteria-light: mix(#fff, $wondrous-wisteria, 20%);
$wondrous-wisteria-dark: mix(#000, $wondrous-wisteria, 20%);
.element {
color: $wondrous-wisteria;
box-shadow: 0 0 0 2px rgba($wondrous-wisteria, 0.35);
}