Nearest named color · #A4B4F7
#A4B4F7
Nearest named color: Wondrous Wisteria
#A4B4F7 (rgb(164 180 247), hsl(228 84% 81%), oklch(0.782 0.097 273.6)) is closest to the named color Wondrous Wisteria. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A4B4F7
oklch(0.782 0.097 273.6)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- ADBCF8
- B5C3F9
- BECBFA
- C7D2FB
- D0DAFC
- DAE1FD
- E3E9FE
- ECF0FE
- F6F8FF
Shades
- 8E9CD7
- 7985B7
- 646E99
- 50587C
- 3D4460
- 2B3045
- 1A1D2C
- 0A0C15
- 010203
Tones
- A0AFEB
- 9DAADF
- 99A5D3
- 959FC7
- 929ABB
- 8E95AF
- 8B90A3
- 878A97
- 83858C
Color harmonies
Complementary +180°
- A4B4F7
Wondrous Wisteria
- CDB76D
≈ Trumpet
Analogous -30° +30°
- A4B4F7
Wondrous Wisteria
- 80BFF2
≈ Electric Eel
- C5A9EC
≈ Tropical Violet
Triadic +120° +240°
- A4B4F7
Wondrous Wisteria
- F0A18F
≈ Stone Fruit
- 86CB9B
≈ Good Luck Charm
Split-complementary +150° +210°
- A4B4F7
Wondrous Wisteria
- E4AB75
≈ Golden Patina
- ABC37C
≈ Valley View
Tetradic +90° +180° +270°
- A4B4F7
Wondrous Wisteria
- ED9EB1
≈ Pegeen Peony
- CDB76D
≈ Trumpet
- 67CDBF
≈ Kinetic Teal
Contrast & accessibility
Ag
FailOn white
WCAG 2.00:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.45:1 · APCA Lc 63
Best text color: #000000
WCAG 10.45:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
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);
}