Cor nomeada · #4F4763
Berry Charm
Berry Charm é #4F4763: rgb(79 71 99), hsl(257 16% 33%), oklch(0.417 0.047 297.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Berry Charm color name →
#4F4763
oklch(0.417 0.047 297.4)
Conversões de cor
- HEX
- #4f4763
- RGB
- rgb(79 71 99)
- HSL
- hsl(257 16% 33%)
- HWB
- hwb(257 28% 61%)
- OKLCH
- oklch(0.417 0.047 297.4)
- OKLab
- oklab(0.417 0.022 -0.042)
- CIE Lab
- lab(31.84 8.38 -15.26)
- LCH
- lch(31.84 17.41 298.8)
- CMYK
- cmyk(20% 28% 0% 61%)
Tons claros · Sombras · Tons
Tons claros
- 5F5872
- 6F6980
- 807A8F
- 918C9F
- A29EAE
- B4B1BE
- C6C4CE
- D9D7DE
- ECEBEE
Sombras
- 443D55
- 383247
- 2E283A
- 231F2E
- 191621
- 100D16
- 07060B
- 020203
- 000000
Tons
- 544D66
- 585269
- 5D586C
- 625D6F
- 676372
- 6C6975
- 716F78
- 76747A
- 7B7A7D
Harmonias de cor
Complementar +180°
- 4F4763
Berry Charm
- 4A5032
≈ Waiouru
Análoga -30° +30°
- 4F4763
Berry Charm
- 414C66
≈ Evening Over the Ocean
- 5A435A
≈ Crowd Pleaser
Tríade +120° +240°
- 4F4763
Berry Charm
- 604633
≈ Woodland Brown
- 2E554C
≈ Hunter
Complementar dividida +150° +210°
- 4F4763
Berry Charm
- 574B2E
≈ Hóng Zōng Brown
- 3B543E
≈ Highlander
Tétrade +90° +180° +270°
- 4F4763
Berry Charm
- 64433E
≈ Chocolate Lab
- 4A5032
≈ Waiouru
- 2B5459
≈ Sea of Atlantis
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.69:1 · APCA Lc 90
Ag
FailSobre preto
WCAG 2.41:1 · APCA Lc 12
Melhor cor de texto: #FFFFFF
WCAG 8.69:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--berry-charm: #4f4763;
--berry-charm-rgb: 79 71 99;
--berry-charm-oklch: oklch(0.417 0.047 297.4);
}
.element {
color: var(--berry-charm);
background-color: hsl(257 16% 33%);
border-color: oklch(0.417 0.047 297.4);
}Tailwind CSS v4
@theme {
--color-berry-charm: #4f4763;
--color-berry-charm-50: #f7f2ff;
--color-berry-charm-100: #eae5f6;
--color-berry-charm-200: #d7d0e6;
--color-berry-charm-300: #bab3cd;
--color-berry-charm-400: #a199b7;
--color-berry-charm-500: #8980a2;
--color-berry-charm-600: #746c89;
--color-berry-charm-700: #5d576e;
--color-berry-charm-800: #433f51;
--color-berry-charm-900: #2f2c39;
--color-berry-charm-950: #1b1923;
}SCSS
$berry-charm: #4f4763;
$berry-charm-rgb: 79, 71, 99;
$berry-charm-light: mix(#fff, $berry-charm, 20%);
$berry-charm-dark: mix(#000, $berry-charm, 20%);
.element {
color: $berry-charm;
box-shadow: 0 0 0 2px rgba($berry-charm, 0.35);
}