Nazwany kolor · #AB7CB4
Berries Galore
Berries Galore to #AB7CB4: rgb(171 124 180), hsl(290 27% 60%), oklch(0.652 0.097 320.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Berries Galore color name →
#AB7CB4
oklch(0.652 0.097 320.9)
Konwersje koloru
- HEX
- #ab7cb4
- RGB
- rgb(171 124 180)
- HSL
- hsl(290 27% 60%)
- HWB
- hwb(290 49% 29%)
- OKLCH
- oklch(0.652 0.097 320.9)
- OKLab
- oklab(0.652 0.075 -0.061)
- CIE Lab
- lab(58.3 26.1 -22.34)
- LCH
- lch(58.3 34.35 319.4)
- CMYK
- cmyk(5% 31% 0% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B389BC
- BC96C3
- C4A2CB
- CDAFD2
- D5BCDA
- DDC9E1
- E6D7E9
- EEE4F0
- F7F1F8
Odcienie ciemniejsze
- 946B9C
- 7E5A85
- 684A6E
- 543B58
- 402C44
- 2D1E30
- 1B111D
- 0B050C
- 010102
Tony
- A77DAF
- A37DAA
- 9E7EA4
- 9A7E9F
- 967F9A
- 927F95
- 8D7F90
- 89808B
- 848085
Harmonie kolorów
Komplementarna +180°
- AB7CB4
Berries Galore
- 6E9F66
≈ Blackthorn Green
Analogowa -30° +30°
- AB7CB4
Berries Galore
- 9085C7
≈ Amethyst Grey
- BD7797
≈ Benifuji
Triada +120° +240°
- AB7CB4
Berries Galore
- AE8946
≈ Indian Spice
- 33A1A8
≈ Cancer Seagreen Scarab
Komplementarna rozszczepiona +150° +210°
- AB7CB4
Berries Galore
- 92954C
≈ Salvia Divinorum
- 48A388
≈ Corrosion Green
Tetrada +90° +180° +270°
- AB7CB4
Berries Galore
- BF7E58
≈ Pheasant
- 6E9F66
≈ Blackthorn Green
- 499AC0
≈ Mountain Bluebird
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.34:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.27:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--berries-galore: #ab7cb4;
--berries-galore-rgb: 171 124 180;
--berries-galore-oklch: oklch(0.652 0.097 320.9);
}
.element {
color: var(--berries-galore);
background-color: hsl(290 27% 60%);
border-color: oklch(0.652 0.097 320.9);
}Tailwind CSS v4
@theme {
--color-berries-galore: #ab7cb4;
--color-berries-galore-50: #ffecff;
--color-berries-galore-100: #f8defb;
--color-berries-galore-200: #e9c7ed;
--color-berries-galore-300: #d0a7d5;
--color-berries-galore-400: #b98cc1;
--color-berries-galore-500: #a370ad;
--color-berries-galore-600: #8a5f92;
--color-berries-galore-700: #6f4c75;
--color-berries-galore-800: #513758;
--color-berries-galore-900: #38263d;
--color-berries-galore-950: #231427;
}SCSS
$berries-galore: #ab7cb4;
$berries-galore-rgb: 171, 124, 180;
$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);
}