Colore con nome più vicino · #8E6B74
#8E6B74
Colore con nome più vicino: Opera
#8E6B74 (rgb(142 107 116), hsl(345 14% 49%), oklch(0.566 0.046 1.6)) è più vicino al colore con nome Opera. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#8E6B74
oklch(0.566 0.046 1.6)
Conversioni di colore
- HEX
- #8e6b74
- RGB
- rgb(142 107 116)
- HSL
- hsl(345 14% 49%)
- HWB
- hwb(345 42% 44%)
- OKLCH
- oklch(0.566 0.046 1.6)
- OKLab
- oklab(0.566 0.046 0.001)
- CIE Lab
- lab(49.03 15.46 0.67)
- LCH
- lch(49.03 15.47 2.5)
- CMYK
- cmyk(0% 25% 18% 44%)
Tinte · Ombre · Toni
Tinte
- 997981
- A4878E
- AF959C
- BBA4A9
- C6B2B7
- D1C1C5
- DDD0D3
- E8E0E2
- F3EFF0
Ombre
- 7B5C64
- 684E54
- 563F45
- 443237
- 342529
- 24181B
- 150D0F
- 070405
- 010001
Toni
- 8D6D75
- 8C6F76
- 8A7178
- 897479
- 88767A
- 86787B
- 857A7C
- 837C7E
- 827E7F
Armonie di colore
Complementare +180°
- 8E6B74
Opera
- 577F78
≈ Hanging Moss
Analogo -30° +30°
- 8E6B74
Opera
- 876C83
≈ Purple Grey
- 8F6C65
≈ Eclectic Plum
Triadico +120° +240°
- 8E6B74
Opera
- 717B5C
≈ Loden Green
- 5E7A8F
≈ Provincial Blue
Complementare divisa +150° +210°
- 8E6B74
Opera
- 627E69
≈ Stone Cypress Green
- 567E86
≈ La Pineta
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.66:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.50:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--opera: #8e6b74;
--opera-rgb: 142 107 116;
--opera-oklch: oklch(0.566 0.046 1.6);
}
.element {
color: var(--opera);
background-color: hsl(345 14% 49%);
border-color: oklch(0.566 0.046 1.6);
}Tailwind CSS v4
@theme {
--color-opera: #8e6b74;
--color-opera-50: #fff0f4;
--color-opera-100: #f6e2e6;
--color-opera-200: #e7ccd2;
--color-opera-300: #cdaeb5;
--color-opera-400: #b7949c;
--color-opera-500: #a17a84;
--color-opera-600: #886770;
--color-opera-700: #6d5259;
--color-opera-800: #503c42;
--color-opera-900: #38292d;
--color-opera-950: #22171a;
}SCSS
$opera: #8e6b74;
$opera-rgb: 142, 107, 116;
$opera-light: mix(#fff, $opera, 20%);
$opera-dark: mix(#000, $opera, 20%);
.element {
color: $opera;
box-shadow: 0 0 0 2px rgba($opera, 0.35);
}