Cor nomeada · #D1768C
Razzberries
Razzberries é #D1768C: rgb(209 118 140), hsl(345 50% 64%), oklch(0.672 0.116 5.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Razzberries color name →
#D1768C
oklch(0.672 0.116 5.2)
Conversões de cor
- HEX
- #d1768c
- RGB
- rgb(209 118 140)
- HSL
- hsl(345 50% 64%)
- HWB
- hwb(345 46% 18%)
- OKLCH
- oklch(0.672 0.116 5.2)
- OKLab
- oklab(0.672 0.115 0.01)
- CIE Lab
- lab(60.57 38.23 4.53)
- LCH
- lch(60.57 38.5 6.8)
- CMYK
- cmyk(0% 44% 33% 18%)
Tons claros · Sombras · Tons
Tons claros
- D78497
- DC91A2
- E29FAD
- E7ADB8
- EBBAC4
- F0C8D0
- F4D6DB
- F8E3E7
- FCF1F3
Sombras
- B56679
- 9B5667
- 814755
- 683843
- 502933
- 391C23
- 230F14
- 100507
- 020101
Tons
- C9788B
- C2798A
- BA7A88
- B27C87
- AA7D86
- A27D85
- 9A7E84
- 917F82
- 898081
Harmonias de cor
Complementar +180°
- D1768C
Razzberries
- 12AD9F
≈ Billiard
Análoga -30° +30°
- D1768C
Razzberries
- C279B2
≈ Colombo Red Mauve
- D37A64
≈ Silithus Brown
Tríade +120° +240°
- D1768C
Razzberries
- 85A24F
≈ Nasturtium Shoot
- 539DD8
≈ Blue Bay
Complementar dividida +150° +210°
- D1768C
Razzberries
- 53AB76
≈ Sēn Lín Lǜ Forest
- 14A7C2
≈ True Sky Blue
Tétrade +90° +180° +270°
- D1768C
Razzberries
- AC9536
≈ Mana
- 12AD9F
≈ Billiard
- 828FDD
≈ Perrywinkle
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.14:1 · APCA Lc 58
Ag
AASobre preto
WCAG 6.68:1 · APCA Lc 44
Melhor cor de texto: #000000
WCAG 6.68:1 (AA) · APCA Lc 44
Contrast pairs
Trechos de código
CSS
:root {
--razzberries: #d1768c;
--razzberries-rgb: 209 118 140;
--razzberries-oklch: oklch(0.672 0.116 5.2);
}
.element {
color: var(--razzberries);
background-color: hsl(345 50% 64%);
border-color: oklch(0.672 0.116 5.2);
}Tailwind CSS v4
@theme {
--color-razzberries: #d1768c;
--color-razzberries-50: #ffe8ef;
--color-razzberries-100: #ffd9e1;
--color-razzberries-200: #ffc0cb;
--color-razzberries-300: #eb9fad;
--color-razzberries-400: #d88095;
--color-razzberries-500: #c4627c;
--color-razzberries-600: #a65469;
--color-razzberries-700: #854354;
--color-razzberries-800: #63303e;
--color-razzberries-900: #45202b;
--color-razzberries-950: #2d1018;
}SCSS
$razzberries: #d1768c;
$razzberries-rgb: 209, 118, 140;
$razzberries-light: mix(#fff, $razzberries, 20%);
$razzberries-dark: mix(#000, $razzberries, 20%);
.element {
color: $razzberries;
box-shadow: 0 0 0 2px rgba($razzberries, 0.35);
}