Cor nomeada · #9F4D65
Cherry Berry
Cherry Berry é #9F4D65: rgb(159 77 101), hsl(342 35% 46%), oklch(0.529 0.112 3.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cherry Berry color name →
#9F4D65
oklch(0.529 0.112 3.1)
Conversões de cor
- HEX
- #9f4d65
- RGB
- rgb(159 77 101)
- HSL
- hsl(342 35% 46%)
- HWB
- hwb(342 30% 38%)
- OKLCH
- oklch(0.529 0.112 3.1)
- OKLab
- oklab(0.529 0.111 0.006)
- CIE Lab
- lab(43.98 36.64 2.82)
- LCH
- lch(43.98 36.75 4.4)
- CMYK
- cmyk(0% 52% 36% 38%)
Tons claros · Sombras · Tons
Tons claros
- AA5E73
- B47082
- BE8190
- C8939F
- D2A4AF
- DCB6BE
- E5C8CE
- EEDADE
- F6ECEF
Sombras
- 8A4257
- 753749
- 612C3C
- 4D222F
- 3B1822
- 290F17
- 18070C
- 090203
- 010000
Tons
- 9D5368
- 9A586A
- 985E6D
- 956370
- 926872
- 8F6D75
- 8C7278
- 88777B
- 847B7D
Harmonias de cor
Complementar +180°
- 9F4D65
Cherry Berry
- 007D71
≈ Romantic Isle
Análoga -30° +30°
- 9F4D65
Cherry Berry
- 915187
≈ Grape Candy
- A2503F
≈ Boynton Canyon
Tríade +120° +240°
- 9F4D65
Cherry Berry
- 5F7522
≈ Fern Frond
- 2371A6
≈ Deep Water
Complementar dividida +150° +210°
- 9F4D65
Cherry Berry
- 2C7E4C
≈ Bold Irish
- 00798B
≈ Biscay Bay
Tétrade +90° +180° +270°
- 9F4D65
Cherry Berry
- 816900
≈ Muddy Brown
- 007D71
≈ Romantic Isle
- 5765AC
≈ Submarine Base
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.63:1 · APCA Lc 78
Ag
FailSobre preto
WCAG 3.72:1 · APCA Lc 24
Melhor cor de texto: #FFFFFF
WCAG 5.63:1 (AA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--cherry-berry: #9f4d65;
--cherry-berry-rgb: 159 77 101;
--cherry-berry-oklch: oklch(0.529 0.112 3.1);
}
.element {
color: var(--cherry-berry);
background-color: hsl(342 35% 46%);
border-color: oklch(0.529 0.112 3.1);
}Tailwind CSS v4
@theme {
--color-cherry-berry: #9f4d65;
--color-cherry-berry-50: #ffe9f1;
--color-cherry-berry-100: #ffd9e3;
--color-cherry-berry-200: #ffc1ce;
--color-cherry-berry-300: #e9a0af;
--color-cherry-berry-400: #d58298;
--color-cherry-berry-500: #c2647f;
--color-cherry-berry-600: #a4556b;
--color-cherry-berry-700: #834456;
--color-cherry-berry-800: #613140;
--color-cherry-berry-900: #44212c;
--color-cherry-berry-950: #2c1019;
}SCSS
$cherry-berry: #9f4d65;
$cherry-berry-rgb: 159, 77, 101;
$cherry-berry-light: mix(#fff, $cherry-berry, 20%);
$cherry-berry-dark: mix(#000, $cherry-berry, 20%);
.element {
color: $cherry-berry;
box-shadow: 0 0 0 2px rgba($cherry-berry, 0.35);
}