Colore con nome · #7E374C
Velvet Rose
Velvet Rose è #7E374C: rgb(126 55 76), hsl(342 39% 35%), oklch(0.438 0.101 3.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Velvet Rose color name →
#7E374C
oklch(0.438 0.101 3.6)
Conversioni di colore
- HEX
- #7e374c
- RGB
- rgb(126 55 76)
- HSL
- hsl(342 39% 35%)
- HWB
- hwb(342 22% 51%)
- OKLCH
- oklch(0.438 0.101 3.6)
- OKLab
- oklab(0.438 0.101 0.006)
- CIE Lab
- lab(33.6 33.04 2.88)
- LCH
- lch(33.6 33.17 5)
- CMYK
- cmyk(0% 56% 40% 51%)
Tinte · Ombre · Toni
Tinte
- 8C4A5C
- 995D6D
- A7707E
- B4848F
- C198A1
- CDACB3
- DAC0C5
- E6D5D8
- F3EAEC
Ombre
- 6D2E41
- 5C2636
- 4C1E2C
- 3C1622
- 2D0F18
- 1F080F
- 110306
- 050102
- 010000
Toni
- 7F3F51
- 804756
- 814E5B
- 825560
- 825D65
- 82646B
- 826B70
- 827275
- 81797B
Armonie di colore
Complementare +180°
- 7E374C
Velvet Rose
- 006056
≈ Empress Teal
Analogo -30° +30°
- 7E374C
Velvet Rose
- 723B69
≈ Burnt Orchid
- 803A2B
≈ Grill Master
Triadico +120° +240°
- 7E374C
Velvet Rose
- 475B0E
≈ Lustrian Undergrowth
- 0E5785
≈ Beyond the Sea
Complementare divisa +150° +210°
- 7E374C
Velvet Rose
- 156237
≈ Fun Green
- 005D6C
≈ Hero
Tetradico +90° +180° +270°
- 7E374C
Velvet Rose
- 635000
≈ Olive Brown
- 006056
≈ Empress Teal
- 414C89
≈ Jazzy Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.27:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.53:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.27:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--velvet-rose: #7e374c;
--velvet-rose-rgb: 126 55 76;
--velvet-rose-oklch: oklch(0.438 0.101 3.6);
}
.element {
color: var(--velvet-rose);
background-color: hsl(342 39% 35%);
border-color: oklch(0.438 0.101 3.6);
}Tailwind CSS v4
@theme {
--color-velvet-rose: #7e374c;
--color-velvet-rose-50: #ffeaf1;
--color-velvet-rose-100: #ffdbe3;
--color-velvet-rose-200: #fbc3ce;
--color-velvet-rose-300: #e5a2b0;
--color-velvet-rose-400: #d18598;
--color-velvet-rose-500: #bd687f;
--color-velvet-rose-600: #a0586b;
--color-velvet-rose-700: #804756;
--color-velvet-rose-800: #5f3340;
--color-velvet-rose-900: #42232c;
--color-velvet-rose-950: #2a1119;
}SCSS
$velvet-rose: #7e374c;
$velvet-rose-rgb: 126, 55, 76;
$velvet-rose-light: mix(#fff, $velvet-rose, 20%);
$velvet-rose-dark: mix(#000, $velvet-rose, 20%);
.element {
color: $velvet-rose;
box-shadow: 0 0 0 2px rgba($velvet-rose, 0.35);
}