Color con nombre más cercano · #82637A
#82637A
Color con nombre más cercano: Opera
#82637A (rgb(130 99 122), hsl(315 14% 45%), oklch(0.539 0.052 335.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.
#82637A
oklch(0.539 0.052 335.8)
Conversiones de color
- HEX
- #82637a
- RGB
- rgb(130 99 122)
- HSL
- hsl(315 14% 45%)
- HWB
- hwb(315 39% 49%)
- OKLCH
- oklch(0.539 0.052 335.8)
- OKLab
- oklab(0.539 0.047 -0.021)
- CIE Lab
- lab(45.76 15.93 -7.86)
- LCH
- lch(45.76 17.77 333.7)
- CMYK
- cmyk(0% 24% 6% 49%)
Tintes · Sombras · Tonos
Tintes
- 8E7187
- 9A8093
- A68FA0
- B39FAD
- BFAEBA
- CCBEC8
- D8CED5
- E5DEE3
- F2EEF1
Sombras
- 705569
- 5F4759
- 4E3A49
- 3E2E3A
- 2F212B
- 20161D
- 120B10
- 060305
- 010001
Tonos
- 82667B
- 82697B
- 826C7C
- 826F7C
- 82727D
- 81757E
- 81777E
- 817A7F
- 807D7F
Armonías de color
Complementario +180°
- 82637A
Opera
- 567862
≈ Dark Sorrel
Análogo -30° +30°
- 82637A
Opera
- 766787
≈ Amethyst Gem
- 89626A
≈ Glazed Ringlet
Triádico +120° +240°
- 82637A
Opera
- 776E4B
≈ Go Ben
- 4A7682
≈ Hydro
Complementario dividido +150° +210°
- 82637A
Opera
- 677453
≈ Four Seasons Oolong
- 4A7873
≈ Sea Pea
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.23:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 4.01:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--opera: #82637a;
--opera-rgb: 130 99 122;
--opera-oklch: oklch(0.539 0.052 335.8);
}
.element {
color: var(--opera);
background-color: hsl(315 14% 45%);
border-color: oklch(0.539 0.052 335.8);
}Tailwind CSS v4
@theme {
--color-opera: #82637a;
--color-opera-50: #fff0fa;
--color-opera-100: #f4e2ee;
--color-opera-200: #e4ccdc;
--color-opera-300: #caaec1;
--color-opera-400: #b393aa;
--color-opera-500: #9d7994;
--color-opera-600: #84677d;
--color-opera-700: #6a5264;
--color-opera-800: #4e3c4a;
--color-opera-900: #362933;
--color-opera-950: #21171f;
}SCSS
$opera: #82637a;
$opera-rgb: 130, 99, 122;
$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);
}