Couleur nommée la plus proche · #AD7BBB
#AD7BBB
Couleur nommée la plus proche: Berries Galore
#AD7BBB (rgb(173 123 187), hsl(287 32% 61%), oklch(0.656 0.108 318.7)) 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.
#AD7BBB
oklch(0.656 0.108 318.7)
Conversions de couleur
- HEX
- #ad7bbb
- RGB
- rgb(173 123 187)
- HSL
- hsl(287 32% 61%)
- HWB
- hwb(287 48% 27%)
- OKLCH
- oklch(0.656 0.108 318.7)
- OKLab
- oklab(0.656 0.081 -0.071)
- CIE Lab
- lab(58.52 28.4 -25.96)
- LCH
- lch(58.52 38.48 317.6)
- CMYK
- cmyk(7% 34% 0% 27%)
Teintes · Ombres · Tons
Teintes
- B588C2
- BD95C9
- C6A2D0
- CEAFD7
- D6BCDD
- DEC9E4
- E6D7EB
- EFE4F2
- F7F1F8
Ombres
- 966AA2
- 7F5A8A
- 6A4A73
- 553A5C
- 412C46
- 2D1E32
- 1B101F
- 0B050D
- 010102
Tons
- A97CB5
- A47DAF
- A07DA9
- 9B7EA4
- 977E9E
- 927F98
- 8E7F92
- 89808C
- 858086
Harmonies de couleurs
Complémentaire +180°
- AD7BBB
Berries Galore
- 6EA15F
≈ Bulbasaur
Analogue -30° +30°
- AD7BBB
Berries Galore
- 8F86CF
≈ Amethyst Grey
- C2759C
≈ Dolomite Red
Triadique +120° +240°
- AD7BBB
Berries Galore
- B4883C
≈ Brass Yellow
- 17A4A9
≈ Wax Crayon Blue
Complémentaire divisée +150° +210°
- AD7BBB
Berries Galore
- 969641
≈ Plantain
- 3EA685
≈ Gumdrop Green
Tétradique +90° +180° +270°
- AD7BBB
Berries Galore
- C67C53
≈ Brown Clay
- 6EA15F
≈ Bulbasaur
- 3A9DC5
≈ Norse Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.31:1 · APCA Lc 60
Ag
AASur noir
WCAG 6.32:1 · APCA Lc 41
Meilleure couleur de texte: #000000
WCAG 6.32:1 (AA) · APCA Lc 41
Contrast pairs
Extraits de code
CSS
:root {
--berries-galore: #ad7bbb;
--berries-galore-rgb: 173 123 187;
--berries-galore-oklch: oklch(0.656 0.108 318.7);
}
.element {
color: var(--berries-galore);
background-color: hsl(287 32% 61%);
border-color: oklch(0.656 0.108 318.7);
}Tailwind CSS v4
@theme {
--color-berries-galore: #ad7bbb;
--color-berries-galore-50: #ffecff;
--color-berries-galore-100: #f9ddfe;
--color-berries-galore-200: #eac6f1;
--color-berries-galore-300: #d1a6d9;
--color-berries-galore-400: #ba8ac7;
--color-berries-galore-500: #a46eb4;
--color-berries-galore-600: #8b5d98;
--color-berries-galore-700: #6f4a7a;
--color-berries-galore-800: #51365b;
--color-berries-galore-900: #392540;
--color-berries-galore-950: #231329;
}SCSS
$berries-galore: #ad7bbb;
$berries-galore-rgb: 173, 123, 187;
$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);
}