Cor nomeada · #834F44
Beauty Patch
Beauty Patch é #834F44: rgb(131 79 68), hsl(10 32% 39%), oklch(0.485 0.073 32.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Beauty Patch color name →
#834F44
oklch(0.485 0.073 32.7)
Conversões de cor
- HEX
- #834f44
- RGB
- rgb(131 79 68)
- HSL
- hsl(10 32% 39%)
- HWB
- hwb(10 27% 49%)
- OKLCH
- oklch(0.485 0.073 32.7)
- OKLab
- oklab(0.485 0.061 0.039)
- CIE Lab
- lab(39.59 21.52 16.24)
- LCH
- lch(39.59 26.96 37)
- CMYK
- cmyk(0% 40% 48% 49%)
Tons claros · Sombras · Tons
Tons claros
- 905F55
- 9C7066
- A98178
- B5928A
- C1A49D
- CEB5B0
- DAC7C3
- E6DAD7
- F3ECEB
Sombras
- 71443A
- 603830
- 4F2E26
- 3F231D
- 2F1914
- 20100C
- 120705
- 060202
- 010000
Tons
- 83544A
- 835950
- 845E56
- 83635C
- 836862
- 836D68
- 82726E
- 827674
- 817B7A
Harmonias de cor
Complementar +180°
- 834F44
Beauty Patch
- 206A77
≈ Persian Mosaic
Análoga -30° +30°
- 834F44
Beauty Patch
- 814D5B
≈ Artful Magenta
- 7C5531
≈ Arable Brown
Tríade +120° +240°
- 834F44
Beauty Patch
- 3D6B4B
≈ Jungle Book Green
- 515C88
≈ Marlin
Complementar dividida +150° +210°
- 834F44
Beauty Patch
- 236C62
≈ Antique Green
- 376485
≈ Carbide
Tétrade +90° +180° +270°
- 834F44
Beauty Patch
- 576635
≈ Interior Green
- 206A77
≈ Persian Mosaic
- 675581
≈ Vigorous Violet
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.63:1 · APCA Lc 83
Ag
FailSobre preto
WCAG 3.16:1 · APCA Lc 19
Melhor cor de texto: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--beauty-patch: #834f44;
--beauty-patch-rgb: 131 79 68;
--beauty-patch-oklch: oklch(0.485 0.073 32.7);
}
.element {
color: var(--beauty-patch);
background-color: hsl(10 32% 39%);
border-color: oklch(0.485 0.073 32.7);
}Tailwind CSS v4
@theme {
--color-beauty-patch: #834f44;
--color-beauty-patch-50: #ffeee7;
--color-beauty-patch-100: #ffe0d8;
--color-beauty-patch-200: #f2cac0;
--color-beauty-patch-300: #daab9f;
--color-beauty-patch-400: #c68f83;
--color-beauty-patch-500: #b17467;
--color-beauty-patch-600: #966358;
--color-beauty-patch-700: #784f46;
--color-beauty-patch-800: #593933;
--color-beauty-patch-900: #3e2723;
--color-beauty-patch-950: #271512;
}SCSS
$beauty-patch: #834f44;
$beauty-patch-rgb: 131, 79, 68;
$beauty-patch-light: mix(#fff, $beauty-patch, 20%);
$beauty-patch-dark: mix(#000, $beauty-patch, 20%);
.element {
color: $beauty-patch;
box-shadow: 0 0 0 2px rgba($beauty-patch, 0.35);
}