Cor nomeada · #C79D9B
Pepperberry
Pepperberry é #C79D9B: rgb(199 157 155), hsl(3 28% 69%), oklch(0.734 0.05 21.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Pepperberry color name →
#C79D9B
oklch(0.734 0.05 21.5)
Conversões de cor
- HEX
- #c79d9b
- RGB
- rgb(199 157 155)
- HSL
- hsl(3 28% 69%)
- HWB
- hwb(3 61% 22%)
- OKLCH
- oklch(0.734 0.05 21.5)
- OKLab
- oklab(0.734 0.047 0.018)
- CIE Lab
- lab(68.65 15.86 7.33)
- LCH
- lch(68.65 17.47 24.8)
- CMYK
- cmyk(0% 21% 22% 22%)
Tons claros · Sombras · Tons
Tons claros
- CDA7A5
- D3B0AE
- D8BAB8
- DEC3C2
- E4CDCC
- E9D7D6
- EFE1E0
- F4EBEA
- FAF5F5
Sombras
- AD8886
- 937372
- 7A5F5E
- 624C4B
- 4C3A39
- 362828
- 211818
- 0E0909
- 020101
Tons
- C09A98
- B99796
- B29493
- AB9190
- A38F8D
- 9C8C8B
- 958988
- 8E8685
- 878383
Harmonias de cor
Complementar +180°
- C79D9B
Pepperberry
- 84B3B6
≈ Cold Front Green
Análoga -30° +30°
- C79D9B
Pepperberry
- C39CAC
≈ Fauna
- C4A18D
≈ Interface Tan
Tríade +120° +240°
- C79D9B
Pepperberry
- 98B194
≈ Nurture Green
- 98AAC9
≈ Scorpion Grass Blue
Complementar dividida +150° +210°
- C79D9B
Pepperberry
- 89B4A5
≈ Chrysopal Light Green
- 89AFC3
≈ Chilly Blue
Tétrade +90° +180° +270°
- C79D9B
Pepperberry
- A9AD88
≈ Wall Green
- 84B3B6
≈ Cold Front Green
- A9A4C7
≈ Fife
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.40:1 · APCA Lc 47
Ag
AAASobre preto
WCAG 8.72:1 · APCA Lc 55
Melhor cor de texto: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Trechos de código
CSS
:root {
--pepperberry: #c79d9b;
--pepperberry-rgb: 199 157 155;
--pepperberry-oklch: oklch(0.734 0.05 21.5);
}
.element {
color: var(--pepperberry);
background-color: hsl(3 28% 69%);
border-color: oklch(0.734 0.05 21.5);
}Tailwind CSS v4
@theme {
--color-pepperberry: #c79d9b;
--color-pepperberry-50: #fff0ee;
--color-pepperberry-100: #f8e2e0;
--color-pepperberry-200: #e9ccca;
--color-pepperberry-300: #d0aeab;
--color-pepperberry-400: #bb9391;
--color-pepperberry-500: #a57977;
--color-pepperberry-600: #8c6765;
--color-pepperberry-700: #705251;
--color-pepperberry-800: #533c3b;
--color-pepperberry-900: #3a2929;
--color-pepperberry-950: #241717;
}SCSS
$pepperberry: #c79d9b;
$pepperberry-rgb: 199, 157, 155;
$pepperberry-light: mix(#fff, $pepperberry, 20%);
$pepperberry-dark: mix(#000, $pepperberry, 20%);
.element {
color: $pepperberry;
box-shadow: 0 0 0 2px rgba($pepperberry, 0.35);
}