Colore con nome · #AE6A78
Mauvewood
Mauvewood è #AE6A78: rgb(174 106 120), hsl(348 30% 55%), oklch(0.602 0.088 6.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Mauvewood color name →
#AE6A78
oklch(0.602 0.088 6.7)
Conversioni di colore
- HEX
- #ae6a78
- RGB
- rgb(174 106 120)
- HSL
- hsl(348 30% 55%)
- HWB
- hwb(348 42% 32%)
- OKLCH
- oklch(0.602 0.088 6.7)
- OKLab
- oklab(0.602 0.088 0.01)
- CIE Lab
- lab(52.83 29.2 4.37)
- LCH
- lch(52.83 29.53 8.5)
- CMYK
- cmyk(0% 39% 31% 32%)
Tinte · Ombre · Toni
Tinte
- B77885
- BF8791
- C8959F
- D0A4AC
- D8B3B9
- E0C2C7
- E8D1D5
- F0E0E3
- F8EFF1
Ombre
- 975B67
- 804D57
- 6A3F48
- 553139
- 41242A
- 2E181D
- 1C0D10
- 0B0405
- 010001
Toni
- AA6D79
- A66F7A
- A1717A
- 9D747B
- 99767C
- 94787D
- 8F7A7E
- 8A7C7E
- 857E7F
Armonie di colore
Complementare +180°
- AE6A78
Mauvewood
- 339289
≈ Highlands
Analogo -30° +30°
- AE6A78
Mauvewood
- A36C94
≈ Flowering Raspberry
- AF6E5B
≈ Clovedust
Triadico +120° +240°
- AE6A78
Mauvewood
- 738B4F
≈ Bright Forest
- 5386B3
≈ Silver Lake Blue
Complementare divisa +150° +210°
- AE6A78
Mauvewood
- 51916B
≈ DaVanzo Green
- 358EA3
≈ Scooter
Tetradico +90° +180° +270°
- AE6A78
Mauvewood
- 90813F
≈ Peas Please
- 339289
≈ Highlands
- 737CB6
≈ Ontario Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.09:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.13:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.13:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--mauvewood: #ae6a78;
--mauvewood-rgb: 174 106 120;
--mauvewood-oklch: oklch(0.602 0.088 6.7);
}
.element {
color: var(--mauvewood);
background-color: hsl(348 30% 55%);
border-color: oklch(0.602 0.088 6.7);
}Tailwind CSS v4
@theme {
--color-mauvewood: #ae6a78;
--color-mauvewood-50: #ffebf0;
--color-mauvewood-100: #ffdce2;
--color-mauvewood-200: #f7c5cc;
--color-mauvewood-300: #e0a5ae;
--color-mauvewood-400: #cc8996;
--color-mauvewood-500: #b86c7c;
--color-mauvewood-600: #9b5c69;
--color-mauvewood-700: #7d4954;
--color-mauvewood-800: #5c353e;
--color-mauvewood-900: #41242b;
--color-mauvewood-950: #291318;
}SCSS
$mauvewood: #ae6a78;
$mauvewood-rgb: 174, 106, 120;
$mauvewood-light: mix(#fff, $mauvewood, 20%);
$mauvewood-dark: mix(#000, $mauvewood, 20%);
.element {
color: $mauvewood;
box-shadow: 0 0 0 2px rgba($mauvewood, 0.35);
}