Couleur nommée · #B3A1C6
Berry Frappé
Berry Frappé correspond à #B3A1C6 : rgb(179 161 198), hsl(269 25% 70%), oklch(0.737 0.056 307). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Purple mean? → · Berry Frappé color name →
#B3A1C6
oklch(0.737 0.056 307)
Conversions de couleur
- HEX
- #b3a1c6
- RGB
- rgb(179 161 198)
- HSL
- hsl(269 25% 70%)
- HWB
- hwb(269 63% 22%)
- OKLCH
- oklch(0.737 0.056 307)
- OKLab
- oklab(0.737 0.034 -0.045)
- CIE Lab
- lab(68.75 12.07 -16.57)
- LCH
- lch(68.75 20.5 306.1)
- CMYK
- cmyk(10% 19% 0% 22%)
Teintes · Ombres · Tons
Teintes
- BAAACC
- C2B3D1
- C9BDD7
- D1C6DD
- D8CFE3
- E0D9E8
- E8E2EE
- EFECF4
- F7F5F9
Ombres
- 9B8BAC
- 847692
- 6E627A
- 584E62
- 433C4B
- 2F2A35
- 1D1921
- 0C090E
- 010102
Tons
- AE9EBF
- A99AB8
- A397B1
- 9E94AA
- 9991A3
- 948D9C
- 8F8A95
- 8A878E
- 858387
Harmonies de couleurs
Complémentaire +180°
- B3A1C6
Berry Frappé
- A0B18B
≈ Soap Green
Analogue -30° +30°
- B3A1C6
Berry Frappé
- A0A7CE
≈ Bright Bluebell
- C29DB7
≈ Lily
Triadique +120° +240°
- B3A1C6
Berry Frappé
- C2A484
≈ Farro
- 81B6B0
≈ Melodious
Complémentaire divisée +150° +210°
- B3A1C6
Berry Frappé
- B3AA82
≈ Tarragon Tease
- 8DB59C
≈ Summer Green
Tétradique +90° +180° +270°
- B3A1C6
Berry Frappé
- CA9E91
≈ Adobe Glow
- A0B18B
≈ Soap Green
- 81B3C1
≈ Heavenly
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.37:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.83:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.83:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
CSS
:root {
--berry-frappe: #b3a1c6;
--berry-frappe-rgb: 179 161 198;
--berry-frappe-oklch: oklch(0.737 0.056 307);
}
.element {
color: var(--berry-frappe);
background-color: hsl(269 25% 70%);
border-color: oklch(0.737 0.056 307);
}Tailwind CSS v4
@theme {
--color-berry-frappe: #b3a1c6;
--color-berry-frappe-50: #faf1ff;
--color-berry-frappe-100: #ede3f7;
--color-berry-frappe-200: #dbcee7;
--color-berry-frappe-300: #c0b0ce;
--color-berry-frappe-400: #a796b9;
--color-berry-frappe-500: #907da4;
--color-berry-frappe-600: #7a6a8a;
--color-berry-frappe-700: #61546f;
--color-berry-frappe-800: #473e52;
--color-berry-frappe-900: #312a39;
--color-berry-frappe-950: #1d1824;
}SCSS
$berry-frappe: #b3a1c6;
$berry-frappe-rgb: 179, 161, 198;
$berry-frappe-light: mix(#fff, $berry-frappe, 20%);
$berry-frappe-dark: mix(#000, $berry-frappe, 20%);
.element {
color: $berry-frappe;
box-shadow: 0 0 0 2px rgba($berry-frappe, 0.35);
}