Colore con nome · #6F3942
Ripening Grape
Ripening Grape è #6F3942: rgb(111 57 66), hsl(350 32% 33%), oklch(0.416 0.077 10.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Ripening Grape color name →
#6F3942
oklch(0.416 0.077 10.4)
Conversioni di colore
- HEX
- #6f3942
- RGB
- rgb(111 57 66)
- HSL
- hsl(350 32% 33%)
- HWB
- hwb(350 22% 56%)
- OKLCH
- oklch(0.416 0.077 10.4)
- OKLab
- oklab(0.416 0.075 0.014)
- CIE Lab
- lab(31.35 25.1 5.74)
- LCH
- lch(31.35 25.75 12.9)
- CMYK
- cmyk(0% 49% 41% 56%)
Tinte · Ombre · Toni
Tinte
- 7E4B53
- 8C5E64
- 9B7176
- A98488
- B7979B
- C6ABAE
- D4C0C2
- E2D5D6
- F1EAEA
Ombre
- 603038
- 51282F
- 421F25
- 34171C
- 271014
- 1A090B
- 0E0405
- 040101
- 010000
Toni
- 714048
- 74474E
- 764F54
- 78565A
- 7A5D60
- 7B6466
- 7D6B6D
- 7E7273
- 7F797A
Armonie di colore
Complementare +180°
- 6F3942
Ripening Grape
- 005855
≈ Deep Sea Green
Analogo -30° +30°
- 6F3942
Ripening Grape
- 673A59
≈ Halayà Úbe
- 6F3C2A
≈ Red Mane
Triadico +120° +240°
- 6F3942
Ripening Grape
- 3E5425
≈ Verdun Green
- 294E74
≈ Mykonos Reflection
Complementare divisa +150° +210°
- 6F3942
Ripening Grape
- 1D593E
≈ Billiard Table
- 005569
≈ Plunge
Tetradico +90° +180° +270°
- 6F3942
Ripening Grape
- 564D12
≈ Scorzonera Brown
- 005855
≈ Deep Sea Green
- 444775
≈ Dramatist
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.97:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.33:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.97:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--ripening-grape: #6f3942;
--ripening-grape-rgb: 111 57 66;
--ripening-grape-oklch: oklch(0.416 0.077 10.4);
}
.element {
color: var(--ripening-grape);
background-color: hsl(350 32% 33%);
border-color: oklch(0.416 0.077 10.4);
}Tailwind CSS v4
@theme {
--color-ripening-grape: #6f3942;
--color-ripening-grape-50: #ffedef;
--color-ripening-grape-100: #ffdee1;
--color-ripening-grape-200: #f3c8cb;
--color-ripening-grape-300: #dca8ad;
--color-ripening-grape-400: #c78c94;
--color-ripening-grape-500: #b2717a;
--color-ripening-grape-600: #976067;
--color-ripening-grape-700: #794c53;
--color-ripening-grape-800: #59373d;
--color-ripening-grape-900: #3f262a;
--color-ripening-grape-950: #281418;
}SCSS
$ripening-grape: #6f3942;
$ripening-grape-rgb: 111, 57, 66;
$ripening-grape-light: mix(#fff, $ripening-grape, 20%);
$ripening-grape-dark: mix(#000, $ripening-grape, 20%);
.element {
color: $ripening-grape;
box-shadow: 0 0 0 2px rgba($ripening-grape, 0.35);
}