Colore con nome · #814D54
Rouge Charm
Rouge Charm è #814D54: rgb(129 77 84), hsl(352 25% 40%), oklch(0.482 0.071 11.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rouge Charm color name →
#814D54
oklch(0.482 0.071 11.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 8E5E63
- 9B6E73
- A77F84
- B49194
- C0A2A5
- CDB4B7
- D9C7C8
- E6D9DA
- F2ECED
Ombre
- 6F4248
- 5E373C
- 4E2C31
- 3E2226
- 2E181B
- 1F0F11
- 120708
- 060202
- 010000
Toni
- 815258
- 82575D
- 825D61
- 826265
- 82676A
- 826C6E
- 827173
- 817677
- 817B7B
Armonie di colore
Complementare +180°
- 814D54
Rouge Charm
- 216B68
≈ Mosaic Tile
Analogo -30° +30°
- 814D54
Rouge Charm
- 7A4E6A
≈ Brocade Violet
- 80503E
≈ Nougat Brown
Triadico +120° +240°
- 814D54
Rouge Charm
- 50673C
≈ Mountain Forest
- 3F6185
≈ Functional Blue
Complementare divisa +150° +210°
- 814D54
Rouge Charm
- 366B51
≈ Jungle Book Green
- 28677B
≈ San Gabriel Blue
Tetradico +90° +180° +270°
- 814D54
Rouge Charm
- 67602D
≈ Saguaro
- 216B68
≈ Mosaic Tile
- 575986
≈ Wild Elderberry
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.72:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.12:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.72:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
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);
}