Color con nombre más cercano · #886C82
#886C82
Color con nombre más cercano: Opera
#886C82 (rgb(136 108 130), hsl(313 11% 48%), oklch(0.566 0.048 333.8)) se parece más al color con nombre Opera. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#886C82
oklch(0.566 0.048 333.8)
Conversiones de color
- HEX
- #886c82
- RGB
- rgb(136 108 130)
- HSL
- hsl(313 11% 48%)
- HWB
- hwb(313 42% 47%)
- OKLCH
- oklch(0.566 0.048 333.8)
- OKLab
- oklab(0.566 0.043 -0.021)
- CIE Lab
- lab(48.98 14.4 -7.77)
- LCH
- lch(48.98 16.37 331.6)
- CMYK
- cmyk(0% 21% 4% 47%)
Tintes · Sombras · Tonos
Tintes
- 937A8E
- 9F889A
- AB96A6
- B6A4B2
- C2B3BF
- CEC2CB
- DAD1D8
- E6E0E5
- F3EFF2
Sombras
- 755D70
- 634E5F
- 52404E
- 41323E
- 31252F
- 221920
- 130D12
- 060406
- 010001
Tonos
- 876E82
- 877082
- 867281
- 857481
- 847681
- 847881
- 837A81
- 827C80
- 817E80
Armonías de color
Complementario +180°
- 886C82
Opera
- 617F69
≈ Jadite
Análogo -30° +30°
Triádico +120° +240°
- 886C82
Opera
- 7F7656
≈ Private Affair
- 557E87
≈ La Pineta
Complementario dividido +150° +210°
- 886C82
Opera
- 707B5C
≈ Loden Green
- 568079
≈ Hanging Moss
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.65:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.51:1 · APCA Lc 29
Mejor color de texto: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--opera: #886c82;
--opera-rgb: 136 108 130;
--opera-oklch: oklch(0.566 0.048 333.8);
}
.element {
color: var(--opera);
background-color: hsl(313 11% 48%);
border-color: oklch(0.566 0.048 333.8);
}Tailwind CSS v4
@theme {
--color-opera: #886c82;
--color-opera-50: #fff0fa;
--color-opera-100: #f3e2ee;
--color-opera-200: #e2cddc;
--color-opera-300: #c8afc1;
--color-opera-400: #b194aa;
--color-opera-500: #9a7b93;
--color-opera-600: #82687d;
--color-opera-700: #685364;
--color-opera-800: #4c3c4a;
--color-opera-900: #352a33;
--color-opera-950: #20171f;
}SCSS
$opera: #886c82;
$opera-rgb: 136, 108, 130;
$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);
}