Najbliższy nazwany kolor · #A5ADE8
#A5ADE8
Najbliższy nazwany kolor: Wondrous Wisteria
#A5ADE8 (rgb(165 173 232), hsl(233 59% 78%), oklch(0.763 0.085 278.2)) jest najbliższy nazwanemu kolorowi Wondrous Wisteria. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A5ADE8
oklch(0.763 0.085 278.2)
Konwersje koloru
- HEX
- #a5ade8
- RGB
- rgb(165 173 232)
- HSL
- hsl(233 59% 78%)
- HWB
- hwb(233 65% 9%)
- OKLCH
- oklch(0.763 0.085 278.2)
- OKLab
- oklab(0.763 0.012 -0.084)
- CIE Lab
- lab(71.7 7.04 -30.81)
- LCH
- lch(71.7 31.61 282.9)
- CMYK
- cmyk(29% 25% 0% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AEB5EB
- B6BDED
- BFC5F0
- C8CEF2
- D1D6F4
- DADEF7
- E3E6F9
- ECEEFB
- F6F7FD
Odcienie ciemniejsze
- 8F96CA
- 797FAC
- 656A90
- 515574
- 3D4159
- 2B2D40
- 1A1B29
- 0A0B13
- 010103
Tony
- A1A9DD
- 9DA4D3
- 9AA0C8
- 969BBE
- 9297B3
- 8E92A9
- 8B8E9F
- 878994
- 84858A
Harmonie kolorów
Komplementarna +180°
- A5ADE8
Wondrous Wisteria
- C0B373
≈ Misty Moss
Analogowa -30° +30°
- A5ADE8
Wondrous Wisteria
- 87B7E6
≈ Aero
- C1A4DC
≈ Enchanted Lavender
Triada +120° +240°
- A5ADE8
Wondrous Wisteria
- E29F8B
≈ Chinese Ibis Brown
- 83C39E
≈ Willow Hedge
Komplementarna rozszczepiona +150° +210°
- A5ADE8
Wondrous Wisteria
- D6A876
≈ Fresh Nectar
- A2BD82
≈ Margarita
Tetrada +90° +180° +270°
- A5ADE8
Wondrous Wisteria
- E29CA7
≈ Colorado Dawn
- C0B373
≈ Misty Moss
- 6DC4BC
≈ Tropic Tide
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.15:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.74:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.74:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--wondrous-wisteria: #a5ade8;
--wondrous-wisteria-rgb: 165 173 232;
--wondrous-wisteria-oklch: oklch(0.763 0.085 278.2);
}
.element {
color: var(--wondrous-wisteria);
background-color: hsl(233 59% 78%);
border-color: oklch(0.763 0.085 278.2);
}Tailwind CSS v4
@theme {
--color-wondrous-wisteria: #a5ade8;
--color-wondrous-wisteria-50: #f0f3ff;
--color-wondrous-wisteria-100: #e2e5ff;
--color-wondrous-wisteria-200: #cdd1f9;
--color-wondrous-wisteria-300: #aeb3e3;
--color-wondrous-wisteria-400: #929ad1;
--color-wondrous-wisteria-500: #7980be;
--color-wondrous-wisteria-600: #676da0;
--color-wondrous-wisteria-700: #525781;
--color-wondrous-wisteria-800: #3a4060;
--color-wondrous-wisteria-900: #282c43;
--color-wondrous-wisteria-950: #16192b;
}SCSS
$wondrous-wisteria: #a5ade8;
$wondrous-wisteria-rgb: 165, 173, 232;
$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);
}