Colore con nome · #D18489
Mauve Glow
Mauve Glow è #D18489: rgb(209 132 137), hsl(356 46% 67%), oklch(0.695 0.095 15.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Mauve Glow color name →
#D18489
oklch(0.695 0.095 15.6)
Conversioni di colore
- HEX
- #d18489
- RGB
- rgb(209 132 137)
- HSL
- hsl(356 46% 67%)
- HWB
- hwb(356 52% 18%)
- OKLCH
- oklch(0.695 0.095 15.6)
- OKLab
- oklab(0.695 0.092 0.026)
- CIE Lab
- lab(63.54 30.87 10.42)
- LCH
- lch(63.54 32.58 18.6)
- CMYK
- cmyk(0% 37% 34% 18%)
Tinte · Ombre · Toni
Tinte
- D69094
- DC9CA0
- E1A9AB
- E6B5B7
- EAC1C2
- EFCDCE
- F3DADA
- F7E6E6
- FBF2F3
Ombre
- B57276
- 9B6064
- 814F53
- 683F42
- 502F31
- 392022
- 231214
- 100607
- 020101
Toni
- C98488
- C18487
- B98486
- B28386
- AA8385
- A18384
- 998283
- 918182
- 898181
Armonie di colore
Complementare +180°
- D18489
Mauve Glow
- 47AFB0
≈ Lake Tahoe Turquoise
Analogo -30° +30°
- D18489
Mauve Glow
- C885AA
≈ Moonlight Mauve
- CE8A6A
≈ Subdued Sienna
Triadico +120° +240°
- D18489
Mauve Glow
- 82AA6E
≈ Sage Garden
- 759FD7
≈ Kindred
Complementare divisa +150° +210°
- D18489
Mauve Glow
- 5EB08F
≈ Electra
- 53A9CA
≈ Estero Sky
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.84:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.37:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.37:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--mauve-glow: #d18489;
--mauve-glow-rgb: 209 132 137;
--mauve-glow-oklch: oklch(0.695 0.095 15.6);
}
.element {
color: var(--mauve-glow);
background-color: hsl(356 46% 67%);
border-color: oklch(0.695 0.095 15.6);
}Tailwind CSS v4
@theme {
--color-mauve-glow: #d18489;
--color-mauve-glow-50: #ffebeb;
--color-mauve-glow-100: #ffdcdc;
--color-mauve-glow-200: #fbc5c5;
--color-mauve-glow-300: #e4a4a5;
--color-mauve-glow-400: #d0878c;
--color-mauve-glow-500: #bd6b71;
--color-mauve-glow-600: #9f5b60;
--color-mauve-glow-700: #80484c;
--color-mauve-glow-800: #5f3439;
--color-mauve-glow-900: #422327;
--color-mauve-glow-950: #2b1215;
}SCSS
$mauve-glow: #d18489;
$mauve-glow-rgb: 209, 132, 137;
$mauve-glow-light: mix(#fff, $mauve-glow, 20%);
$mauve-glow-dark: mix(#000, $mauve-glow, 20%);
.element {
color: $mauve-glow;
box-shadow: 0 0 0 2px rgba($mauve-glow, 0.35);
}