Color con nombre más cercano · #803E76
#803E76
Color con nombre más cercano: Bruise
#803E76 (rgb(128 62 118), hsl(309 35% 37%), oklch(0.469 0.117 333.3)) se parece más al color con nombre Bruise. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#803E76
oklch(0.469 0.117 333.3)
Conversiones de color
- HEX
- #803e76
- RGB
- rgb(128 62 118)
- HSL
- hsl(309 35% 37%)
- HWB
- hwb(309 24% 50%)
- OKLCH
- oklch(0.469 0.117 333.3)
- OKLab
- oklab(0.469 0.105 -0.053)
- CIE Lab
- lab(36.66 34.94 -19.15)
- LCH
- lch(36.66 39.84 331.3)
- CMYK
- cmyk(0% 52% 8% 50%)
Tintes · Sombras · Tonos
Tintes
- 8D5183
- 9A6390
- A7769E
- B489AB
- C09CB9
- CDAFC7
- DAC3D5
- E6D7E3
- F3EBF1
Sombras
- 6E3566
- 5D2B56
- 4D2347
- 3D1A38
- 2E1229
- 1F0A1C
- 12040F
- 060105
- 010001
Tonos
- 814577
- 814C78
- 825379
- 825A7B
- 82607C
- 82677D
- 826D7E
- 81747E
- 817A7F
Armonías de color
Complementario +180°
- 803E76
Bruise
- 076D39
≈ Universal Green
Análogo -30° +30°
Triádico +120° +240°
- 803E76
Bruise
- 6D5800
≈ Ayahuasca Vine
- 006676
≈ Green Spool
Complementario dividido +150° +210°
- 803E76
Bruise
- 4E6400
≈ Serrano Pepper
- 00695F
≈ Evergreen Forest
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.32:1 · APCA Lc 85
Ag
FailSobre negro
WCAG 2.86:1 · APCA Lc 17
Mejor color de texto: #FFFFFF
WCAG 7.32:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
CSS
:root {
--bruise: #803e76;
--bruise-rgb: 128 62 118;
--bruise-oklch: oklch(0.469 0.117 333.3);
}
.element {
color: var(--bruise);
background-color: hsl(309 35% 37%);
border-color: oklch(0.469 0.117 333.3);
}Tailwind CSS v4
@theme {
--color-bruise: #803e76;
--color-bruise-50: #ffe9ff;
--color-bruise-100: #ffdaf7;
--color-bruise-200: #f5c2e8;
--color-bruise-300: #dea1cf;
--color-bruise-400: #c884bc;
--color-bruise-500: #b366a7;
--color-bruise-600: #98578d;
--color-bruise-700: #7a4571;
--color-bruise-800: #593255;
--color-bruise-900: #3e223b;
--color-bruise-950: #271125;
}SCSS
$bruise: #803e76;
$bruise-rgb: 128, 62, 118;
$bruise-light: mix(#fff, $bruise, 20%);
$bruise-dark: mix(#000, $bruise, 20%);
.element {
color: $bruise;
box-shadow: 0 0 0 2px rgba($bruise, 0.35);
}