Colore con nome · #A2747D
Nostalgia Rose
Nostalgia Rose è #A2747D: rgb(162 116 125), hsl(348 20% 55%), oklch(0.608 0.059 6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Nostalgia Rose color name →
#A2747D
oklch(0.608 0.059 6)
Conversioni di colore
- HEX
- #a2747d
- RGB
- rgb(162 116 125)
- HSL
- hsl(348 20% 55%)
- HWB
- hwb(348 45% 36%)
- OKLCH
- oklch(0.608 0.059 6)
- OKLab
- oklab(0.608 0.059 0.006)
- CIE Lab
- lab(53.82 19.65 2.61)
- LCH
- lch(53.82 19.82 7.6)
- CMYK
- cmyk(0% 28% 23% 36%)
Tinte · Ombre · Toni
Tinte
- AB8189
- B58F96
- BE9CA2
- C8AAAF
- D1B8BC
- DAC6C9
- E3D4D6
- EDE2E4
- F6F0F1
Ombre
- 8C646C
- 77545B
- 63454B
- 4F373B
- 3C292C
- 2A1B1E
- 190F11
- 0A0505
- 010101
Toni
- 9F757D
- 9C777E
- 98787E
- 95797E
- 927A7F
- 8E7C7F
- 8B7D7F
- 877E7F
- 847F80
Armonie di colore
Complementare +180°
- A2747D
Nostalgia Rose
- 588E88
≈ Sea Garden
Analogo -30° +30°
- A2747D
Nostalgia Rose
- 9A7590
≈ Rebel Rouser
- A3766A
≈ Equestrienne
Triadico +120° +240°
- A2747D
Nostalgia Rose
- 7A8963
≈ Green Relict
- 6587A4
≈ Moody Indigo
Complementare divisa +150° +210°
- A2747D
Nostalgia Rose
- 658E74
≈ Sheffield
- 588C99
≈ Durban Sky
Tetradico +90° +180° +270°
- A2747D
Nostalgia Rose
- 8D835A
≈ Wood Chi
- 588E88
≈ Sea Garden
- 7980A6
≈ Roseine Plum
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.93:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.33:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.33:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--nostalgia-rose: #a2747d;
--nostalgia-rose-rgb: 162 116 125;
--nostalgia-rose-oklch: oklch(0.608 0.059 6);
}
.element {
color: var(--nostalgia-rose);
background-color: hsl(348 20% 55%);
border-color: oklch(0.608 0.059 6);
}Tailwind CSS v4
@theme {
--color-nostalgia-rose: #a2747d;
--color-nostalgia-rose-50: #ffeff2;
--color-nostalgia-rose-100: #fbe0e4;
--color-nostalgia-rose-200: #eccacf;
--color-nostalgia-rose-300: #d3abb1;
--color-nostalgia-rose-400: #be9099;
--color-nostalgia-rose-500: #a97680;
--color-nostalgia-rose-600: #8f646c;
--color-nostalgia-rose-700: #725057;
--color-nostalgia-rose-800: #543a40;
--color-nostalgia-rose-900: #3b282c;
--color-nostalgia-rose-950: #251619;
}SCSS
$nostalgia-rose: #a2747d;
$nostalgia-rose-rgb: 162, 116, 125;
$nostalgia-rose-light: mix(#fff, $nostalgia-rose, 20%);
$nostalgia-rose-dark: mix(#000, $nostalgia-rose, 20%);
.element {
color: $nostalgia-rose;
box-shadow: 0 0 0 2px rgba($nostalgia-rose, 0.35);
}