Cor nomeada · #E5A2AB
Berry Riche
Berry Riche é #E5A2AB: rgb(229 162 171), hsl(352 56% 77%), oklch(0.779 0.08 10.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Berry Riche color name →
#E5A2AB
oklch(0.779 0.08 10.2)
Conversões de cor
- HEX
- #e5a2ab
- RGB
- rgb(229 162 171)
- HSL
- hsl(352 56% 77%)
- HWB
- hwb(352 64% 10%)
- OKLCH
- oklch(0.779 0.08 10.2)
- OKLab
- oklab(0.779 0.079 0.014)
- CIE Lab
- lab(73.42 26.48 5.81)
- LCH
- lch(73.42 27.11 12.4)
- CMYK
- cmyk(0% 29% 25% 10%)
Tons claros · Sombras · Tons
Tons claros
- E8ABB3
- EBB4BB
- EEBEC4
- F1C7CC
- F4D0D4
- F6DADD
- F9E3E5
- FBECEE
- FDF6F6
Sombras
- C78C94
- AA777E
- 8E6368
- 724F54
- 583C40
- 3F2A2D
- 28191B
- 120A0B
- 030101
Tons
- DB9FA7
- D19BA2
- C7989E
- BC959A
- B29195
- A88E91
- 9E8B8D
- 948788
- 8A8484
Harmonias de cor
Complementar +180°
- E5A2AB
Berry Riche
- 77C8C2
≈ Cyantific
Análoga -30° +30°
- E5A2AB
Berry Riche
- DBA3C7
≈ Pastel Lavender
- E4A690
≈ Priceless Coral
Tríade +120° +240°
- E5A2AB
Berry Riche
- A6C28C
≈ Cos
- 90BBE9
≈ Blue Shutters
Complementar dividida +150° +210°
- E5A2AB
Berry Riche
- 89C7A6
≈ Aqua Eden
- 7AC3DB
≈ Ocean Horizon
Tétrade +90° +180° +270°
- E5A2AB
Berry Riche
- C2B97C
≈ Slippery Moss
- 77C8C2
≈ Cyantific
- ADB2EA
≈ Maximum Blue Purple
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.08:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 10.08:1 · APCA Lc 62
Melhor cor de texto: #000000
WCAG 10.08:1 (AAA) · APCA Lc 62
Contrast pairs
Trechos de código
CSS
:root {
--berry-riche: #e5a2ab;
--berry-riche-rgb: 229 162 171;
--berry-riche-oklch: oklch(0.779 0.08 10.2);
}
.element {
color: var(--berry-riche);
background-color: hsl(352 56% 77%);
border-color: oklch(0.779 0.08 10.2);
}Tailwind CSS v4
@theme {
--color-berry-riche: #e5a2ab;
--color-berry-riche-50: #ffecef;
--color-berry-riche-100: #ffdee1;
--color-berry-riche-200: #f5c7cb;
--color-berry-riche-300: #dda7ac;
--color-berry-riche-400: #c98b93;
--color-berry-riche-500: #b46f7a;
--color-berry-riche-600: #985e67;
--color-berry-riche-700: #7a4b52;
--color-berry-riche-800: #5a363d;
--color-berry-riche-900: #3f252a;
--color-berry-riche-950: #281417;
}SCSS
$berry-riche: #e5a2ab;
$berry-riche-rgb: 229, 162, 171;
$berry-riche-light: mix(#fff, $berry-riche, 20%);
$berry-riche-dark: mix(#000, $berry-riche, 20%);
.element {
color: $berry-riche;
box-shadow: 0 0 0 2px rgba($berry-riche, 0.35);
}