Cor nomeada · #B3A1C6
Berry Frappé
Berry Frappé é #B3A1C6: rgb(179 161 198), hsl(269 25% 70%), oklch(0.737 0.056 307). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Berry Frappé color name →
#B3A1C6
oklch(0.737 0.056 307)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- BAAACC
- C2B3D1
- C9BDD7
- D1C6DD
- D8CFE3
- E0D9E8
- E8E2EE
- EFECF4
- F7F5F9
Sombras
- 9B8BAC
- 847692
- 6E627A
- 584E62
- 433C4B
- 2F2A35
- 1D1921
- 0C090E
- 010102
Tons
- AE9EBF
- A99AB8
- A397B1
- 9E94AA
- 9991A3
- 948D9C
- 8F8A95
- 8A878E
- 858387
Harmonias de cor
Complementar +180°
- B3A1C6
Berry Frappé
- A0B18B
≈ Soap Green
Análoga -30° +30°
- B3A1C6
Berry Frappé
- A0A7CE
≈ Bright Bluebell
- C29DB7
≈ Lily
Tríade +120° +240°
- B3A1C6
Berry Frappé
- C2A484
≈ Farro
- 81B6B0
≈ Melodious
Complementar dividida +150° +210°
- B3A1C6
Berry Frappé
- B3AA82
≈ Tarragon Tease
- 8DB59C
≈ Summer Green
Tétrade +90° +180° +270°
- B3A1C6
Berry Frappé
- CA9E91
≈ Adobe Glow
- A0B18B
≈ Soap Green
- 81B3C1
≈ Heavenly
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.37:1 · APCA Lc 47
Ag
AAASobre preto
WCAG 8.83:1 · APCA Lc 55
Melhor cor de texto: #000000
WCAG 8.83:1 (AAA) · APCA Lc 55
Contrast pairs
Trechos de código
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);
}