Colore con nome · #C87291
Rhine Wine
Rhine Wine è #C87291: rgb(200 114 145), hsl(338 44% 62%), oklch(0.656 0.114 357.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rhine Wine color name →
#C87291
oklch(0.656 0.114 357.7)
Conversioni di colore
- HEX
- #c87291
- RGB
- rgb(200 114 145)
- HSL
- hsl(338 44% 62%)
- HWB
- hwb(338 45% 22%)
- OKLCH
- oklch(0.656 0.114 357.7)
- OKLab
- oklab(0.656 0.114 -0.005)
- CIE Lab
- lab(58.63 37.4 -1.32)
- LCH
- lch(58.63 37.43 358)
- CMYK
- cmyk(0% 43% 28% 22%)
Tinte · Ombre · Toni
Tinte
- CF809B
- D58EA6
- DB9CB1
- E1AABC
- E7B8C7
- ECC6D2
- F1D4DD
- F6E2E8
- FBF1F4
Ombre
- AE627D
- 94536A
- 7B4458
- 633646
- 4C2835
- 361B25
- 210E15
- 0F0407
- 020101
Toni
- C1748F
- BB768E
- B4788C
- AD798A
- A67A88
- 9E7C87
- 977D85
- 907E83
- 887F82
Armonie di colore
Complementare +180°
- C87291
Rhine Wine
- 22A790
≈ Fishy House
Analogo -30° +30°
- C87291
Rhine Wine
- B677B4
≈ Colombo Red Mauve
- CD746A
≈ It’s My Party
Triadico +120° +240°
- C87291
Rhine Wine
- 8B9A43
≈ Café de Paris
- 429ACE
≈ Blessed Blue
Complementare divisa +150° +210°
- C87291
Rhine Wine
- 5DA468
≈ Endo
- 00A4B4
≈ Garish Blue
Tetradico +90° +180° +270°
- C87291
Rhine Wine
- AE8C32
≈ Mineral Umber
- 22A790
≈ Fishy House
- 738ED7
≈ Organza Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.34:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.27:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--rhine-wine: #c87291;
--rhine-wine-rgb: 200 114 145;
--rhine-wine-oklch: oklch(0.656 0.114 357.7);
}
.element {
color: var(--rhine-wine);
background-color: hsl(338 44% 62%);
border-color: oklch(0.656 0.114 357.7);
}Tailwind CSS v4
@theme {
--color-rhine-wine: #c87291;
--color-rhine-wine-50: #ffe8f4;
--color-rhine-wine-100: #ffd9e6;
--color-rhine-wine-200: #fec1d2;
--color-rhine-wine-300: #e89fb5;
--color-rhine-wine-400: #d4819e;
--color-rhine-wine-500: #c16386;
--color-rhine-wine-600: #a35572;
--color-rhine-wine-700: #83435b;
--color-rhine-wine-800: #613044;
--color-rhine-wine-900: #44212f;
--color-rhine-wine-950: #2c101b;
}SCSS
$rhine-wine: #c87291;
$rhine-wine-rgb: 200, 114, 145;
$rhine-wine-light: mix(#fff, $rhine-wine, 20%);
$rhine-wine-dark: mix(#000, $rhine-wine, 20%);
.element {
color: $rhine-wine;
box-shadow: 0 0 0 2px rgba($rhine-wine, 0.35);
}