Colore con nome · #9E6B75
Concerto
Concerto è #9E6B75: rgb(158 107 117), hsl(348 21% 52%), oklch(0.584 0.066 6.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Concerto color name →
#9E6B75
oklch(0.584 0.066 6.4)
Conversioni di colore
- HEX
- #9e6b75
- RGB
- rgb(158 107 117)
- HSL
- hsl(348 21% 52%)
- HWB
- hwb(348 42% 38%)
- OKLCH
- oklch(0.584 0.066 6.4)
- OKLab
- oklab(0.584 0.066 0.007)
- CIE Lab
- lab(50.95 22.03 3.13)
- LCH
- lch(50.95 22.25 8.1)
- CMYK
- cmyk(0% 32% 26% 38%)
Tinte · Ombre · Toni
Tinte
- A87982
- B2878F
- BC969C
- C5A4AA
- CFB3B8
- D9C2C6
- E2D1D4
- ECE0E2
- F6EFF0
Ombre
- 895C65
- 744E55
- 603F46
- 4D3237
- 3A2529
- 29181C
- 180D0F
- 090405
- 010001
Toni
- 9B6D76
- 997077
- 967278
- 937479
- 90767A
- 8D787C
- 8A7A7D
- 877C7E
- 837E7F
Armonie di colore
Complementare +180°
- 9E6B75
Concerto
- 498882
≈ Jericho Jade
Analogo -30° +30°
- 9E6B75
Concerto
- 956C8A
≈ Sophisticated Lilac
- 9F6E60
≈ Discretion
Triadico +120° +240°
- 9E6B75
Concerto
- 718358
≈ Terrain
- 5A80A1
≈ Blue Beads
Complementare divisa +150° +210°
- 9E6B75
Concerto
- 5A886B
≈ Saltwater Depth
- 4A8695
≈ Night Masque
Tetradico +90° +180° +270°
- 9E6B75
Concerto
- 877C4D
≈ Xena
- 498882
≈ Jericho Jade
- 7178A3
≈ Bleached Denim
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.36:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.81:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.81:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--concerto: #9e6b75;
--concerto-rgb: 158 107 117;
--concerto-oklch: oklch(0.584 0.066 6.4);
}
.element {
color: var(--concerto);
background-color: hsl(348 21% 52%);
border-color: oklch(0.584 0.066 6.4);
}Tailwind CSS v4
@theme {
--color-concerto: #9e6b75;
--color-concerto-50: #ffeef1;
--color-concerto-100: #fddfe3;
--color-concerto-200: #efc9ce;
--color-concerto-300: #d7aab0;
--color-concerto-400: #c18e98;
--color-concerto-500: #ad747f;
--color-concerto-600: #92626b;
--color-concerto-700: #754e56;
--color-concerto-800: #56393f;
--color-concerto-900: #3c272c;
--color-concerto-950: #261519;
}SCSS
$concerto: #9e6b75;
$concerto-rgb: 158, 107, 117;
$concerto-light: mix(#fff, $concerto, 20%);
$concerto-dark: mix(#000, $concerto, 20%);
.element {
color: $concerto;
box-shadow: 0 0 0 2px rgba($concerto, 0.35);
}