Couleur nommée la plus proche · #A17BB2
#A17BB2
Couleur nommée la plus proche: Berries Galore
#A17BB2 (rgb(161 123 178), hsl(281 26% 59%), oklch(0.639 0.091 315.1)) est la plus proche de la couleur nommée Berries Galore. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A17BB2
oklch(0.639 0.091 315.1)
Conversions de couleur
- HEX
- #a17bb2
- RGB
- rgb(161 123 178)
- HSL
- hsl(281 26% 59%)
- HWB
- hwb(281 48% 30%)
- OKLCH
- oklch(0.639 0.091 315.1)
- OKLab
- oklab(0.639 0.064 -0.064)
- CIE Lab
- lab(56.91 22.8 -23.43)
- LCH
- lch(56.91 32.7 314.2)
- CMYK
- cmyk(10% 31% 0% 30%)
Teintes · Ombres · Tons
Teintes
- AA88BA
- B395C2
- BDA2C9
- C6AFD1
- CFBCD9
- D9C9E0
- E2D6E8
- ECE4F0
- F5F1F7
Ombres
- 8B6A9A
- 765A83
- 624A6D
- 4E3A57
- 3C2C43
- 2A1E2F
- 19101D
- 09050C
- 010101
Tons
- 9E7CAD
- 9A7CA8
- 977DA3
- 947E9E
- 917E99
- 8D7F94
- 8A7F8F
- 877F8A
- 838085
Harmonies de couleurs
Complémentaire +180°
- A17BB2
Berries Galore
- 749960
≈ Mosslands
Analogue -30° +30°
- A17BB2
Berries Galore
- 8684C1
≈ Faraway Sky
- B47598
≈ So Long Shadow
Triadique +120° +240°
- A17BB2
Berries Galore
- AC8449
≈ Kiss Candy
- 399D9D
≈ Latigo Bay
Complémentaire divisée +150° +210°
- A17BB2
Berries Galore
- 948F4B
≈ Retro Avocado
- 519E7E
≈ Wintergreen Shadow
Tétradique +90° +180° +270°
- A17BB2
Berries Galore
- BA7A5D
≈ Autumn’s Hill
- 749960
≈ Mosslands
- 4697B6
≈ Coastline Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.50:1 · APCA Lc 63
Ag
AASur noir
WCAG 5.99:1 · APCA Lc 39
Meilleure couleur de texte: #000000
WCAG 5.99:1 (AA) · APCA Lc 39
Contrast pairs
Extraits de code
CSS
:root {
--berries-galore: #a17bb2;
--berries-galore-rgb: 161 123 178;
--berries-galore-oklch: oklch(0.639 0.091 315.1);
}
.element {
color: var(--berries-galore);
background-color: hsl(281 26% 59%);
border-color: oklch(0.639 0.091 315.1);
}Tailwind CSS v4
@theme {
--color-berries-galore: #a17bb2;
--color-berries-galore-50: #ffeeff;
--color-berries-galore-100: #f5dffc;
--color-berries-galore-200: #e4c9ee;
--color-berries-galore-300: #cba9d7;
--color-berries-galore-400: #b38ec4;
--color-berries-galore-500: #9d73af;
--color-berries-galore-600: #856294;
--color-berries-galore-700: #6a4e77;
--color-berries-galore-800: #4d3959;
--color-berries-galore-900: #36273e;
--color-berries-galore-950: #211527;
}SCSS
$berries-galore: #a17bb2;
$berries-galore-rgb: 161, 123, 178;
$berries-galore-light: mix(#fff, $berries-galore, 20%);
$berries-galore-dark: mix(#000, $berries-galore, 20%);
.element {
color: $berries-galore;
box-shadow: 0 0 0 2px rgba($berries-galore, 0.35);
}