Cor nomeada · #814D54
Rouge Charm
Rouge Charm é #814D54: rgb(129 77 84), hsl(352 25% 40%), oklch(0.482 0.071 11.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rouge Charm color name →
#814D54
oklch(0.482 0.071 11.3)
Conversões de cor
- HEX
- #814d54
- RGB
- rgb(129 77 84)
- HSL
- hsl(352 25% 40%)
- HWB
- hwb(352 30% 49%)
- OKLCH
- oklch(0.482 0.071 11.3)
- OKLab
- oklab(0.482 0.069 0.014)
- CIE Lab
- lab(39.14 23.21 5.72)
- LCH
- lch(39.14 23.91 13.8)
- CMYK
- cmyk(0% 40% 35% 49%)
Tons claros · Sombras · Tons
Tons claros
- 8E5E63
- 9B6E73
- A77F84
- B49194
- C0A2A5
- CDB4B7
- D9C7C8
- E6D9DA
- F2ECED
Sombras
- 6F4248
- 5E373C
- 4E2C31
- 3E2226
- 2E181B
- 1F0F11
- 120708
- 060202
- 010000
Tons
- 815258
- 82575D
- 825D61
- 826265
- 82676A
- 826C6E
- 827173
- 817677
- 817B7B
Harmonias de cor
Complementar +180°
- 814D54
Rouge Charm
- 216B68
≈ Mosaic Tile
Análoga -30° +30°
- 814D54
Rouge Charm
- 7A4E6A
≈ Brocade Violet
- 80503E
≈ Nougat Brown
Tríade +120° +240°
- 814D54
Rouge Charm
- 50673C
≈ Mountain Forest
- 3F6185
≈ Functional Blue
Complementar dividida +150° +210°
- 814D54
Rouge Charm
- 366B51
≈ Jungle Book Green
- 28677B
≈ San Gabriel Blue
Tétrade +90° +180° +270°
- 814D54
Rouge Charm
- 67602D
≈ Saguaro
- 216B68
≈ Mosaic Tile
- 575986
≈ Wild Elderberry
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.72:1 · APCA Lc 83
Ag
FailSobre preto
WCAG 3.12:1 · APCA Lc 19
Melhor cor de texto: #FFFFFF
WCAG 6.72:1 (AA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--rouge-charm: #814d54;
--rouge-charm-rgb: 129 77 84;
--rouge-charm-oklch: oklch(0.482 0.071 11.3);
}
.element {
color: var(--rouge-charm);
background-color: hsl(352 25% 40%);
border-color: oklch(0.482 0.071 11.3);
}Tailwind CSS v4
@theme {
--color-rouge-charm: #814d54;
--color-rouge-charm-50: #ffedef;
--color-rouge-charm-100: #ffdfe1;
--color-rouge-charm-200: #f1c9cb;
--color-rouge-charm-300: #d9a9ad;
--color-rouge-charm-400: #c48d94;
--color-rouge-charm-500: #b0727a;
--color-rouge-charm-600: #946167;
--color-rouge-charm-700: #774e53;
--color-rouge-charm-800: #58383d;
--color-rouge-charm-900: #3d262a;
--color-rouge-charm-950: #271518;
}SCSS
$rouge-charm: #814d54;
$rouge-charm-rgb: 129, 77, 84;
$rouge-charm-light: mix(#fff, $rouge-charm, 20%);
$rouge-charm-dark: mix(#000, $rouge-charm, 20%);
.element {
color: $rouge-charm;
box-shadow: 0 0 0 2px rgba($rouge-charm, 0.35);
}