En yakın adlandırılmış renk · #A17BB2
#A17BB2
En yakın adlandırılmış renk: Berries Galore
#A17BB2 (rgb(161 123 178), hsl(281 26% 59%), oklch(0.639 0.091 315.1)) en çok Berries Galore adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A17BB2
oklch(0.639 0.091 315.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AA88BA
- B395C2
- BDA2C9
- C6AFD1
- CFBCD9
- D9C9E0
- E2D6E8
- ECE4F0
- F5F1F7
Koyu tonlar
- 8B6A9A
- 765A83
- 624A6D
- 4E3A57
- 3C2C43
- 2A1E2F
- 19101D
- 09050C
- 010101
Gri tonlar
- 9E7CAD
- 9A7CA8
- 977DA3
- 947E9E
- 917E99
- 8D7F94
- 8A7F8F
- 877F8A
- 838085
Renk uyumları
Tamamlayıcı +180°
- A17BB2
Berries Galore
- 749960
≈ Mosslands
Analog -30° +30°
- A17BB2
Berries Galore
- 8684C1
≈ Faraway Sky
- B47598
≈ So Long Shadow
Üçlü +120° +240°
- A17BB2
Berries Galore
- AC8449
≈ Kiss Candy
- 399D9D
≈ Latigo Bay
Bölünmüş tamamlayıcı +150° +210°
- A17BB2
Berries Galore
- 948F4B
≈ Retro Avocado
- 519E7E
≈ Wintergreen Shadow
Dörtlü +90° +180° +270°
- A17BB2
Berries Galore
- BA7A5D
≈ Autumn’s Hill
- 749960
≈ Mosslands
- 4697B6
≈ Coastline Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.50:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.99:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.99:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
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);
}