Colore con nome · #C09084
Revival Rose
Revival Rose è #C09084: rgb(192 144 132), hsl(12 32% 64%), oklch(0.696 0.061 34.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Revival Rose color name →
#C09084
oklch(0.696 0.061 34.5)
Conversioni di colore
- HEX
- #c09084
- RGB
- rgb(192 144 132)
- HSL
- hsl(12 32% 64%)
- HWB
- hwb(12 52% 25%)
- OKLCH
- oklch(0.696 0.061 34.5)
- OKLab
- oklab(0.696 0.051 0.035)
- CIE Lab
- lab(64.26 17.48 13.84)
- LCH
- lch(64.26 22.3 38.4)
- CMYK
- cmyk(0% 25% 31% 25%)
Tinte · Ombre · Toni
Tinte
- C79B90
- CDA69C
- D4B0A8
- DABBB4
- E0C7C0
- E7D2CC
- EDDDD9
- F3E8E5
- F9F4F2
Ombre
- A77D72
- 8E6A60
- 76574F
- 5F453F
- 49342F
- 342420
- 201512
- 0E0706
- 020101
Toni
- BA8F84
- B38D83
- AD8B83
- A78A83
- A08882
- 9A8782
- 938581
- 8D8381
- 878280
Armonie di colore
Complementare +180°
- C09084
Revival Rose
- 70A7B5
≈ Blue Chiffon
Analogo -30° +30°
- C09084
Revival Rose
- BF8E98
≈ Cherry Juice
- B89675
≈ Char Latte
Triadico +120° +240°
- C09084
Revival Rose
- 7FA98C
≈ Green Globe
- 919BC4
≈ Hair Ribbon
Complementare divisa +150° +210°
- C09084
Revival Rose
- 71AAA2
≈ Steel Pan Mallet
- 7DA2C1
≈ Far Horizons
Tetradico +90° +180° +270°
- C09084
Revival Rose
- 95A47A
≈ Cucuzza Verde
- 70A7B5
≈ Blue Chiffon
- A694BD
≈ Enchanted Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.77:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.56:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.56:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--revival-rose: #c09084;
--revival-rose-rgb: 192 144 132;
--revival-rose-oklch: oklch(0.696 0.061 34.5);
}
.element {
color: var(--revival-rose);
background-color: hsl(12 32% 64%);
border-color: oklch(0.696 0.061 34.5);
}Tailwind CSS v4
@theme {
--color-revival-rose: #c09084;
--color-revival-rose-50: #fff0e9;
--color-revival-rose-100: #fbe1da;
--color-revival-rose-200: #edccc2;
--color-revival-rose-300: #d4ada2;
--color-revival-rose-400: #c09286;
--color-revival-rose-500: #ab786b;
--color-revival-rose-600: #90655b;
--color-revival-rose-700: #745148;
--color-revival-rose-800: #563b35;
--color-revival-rose-900: #3c2824;
--color-revival-rose-950: #251613;
}SCSS
$revival-rose: #c09084;
$revival-rose-rgb: 192, 144, 132;
$revival-rose-light: mix(#fff, $revival-rose, 20%);
$revival-rose-dark: mix(#000, $revival-rose, 20%);
.element {
color: $revival-rose;
box-shadow: 0 0 0 2px rgba($revival-rose, 0.35);
}