Color con nombre más cercano · #936593
#936593
Color con nombre más cercano: Sunshone Plum
#936593 (rgb(147 101 147), hsl(300 19% 49%), oklch(0.571 0.088 326.6)) se parece más al color con nombre Sunshone Plum. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#936593
oklch(0.571 0.088 326.6)
Conversiones de color
- HEX
- #936593
- RGB
- rgb(147 101 147)
- HSL
- hsl(300 19% 49%)
- HWB
- hwb(300 40% 42%)
- OKLCH
- oklch(0.571 0.088 326.6)
- OKLab
- oklab(0.571 0.073 -0.048)
- CIE Lab
- lab(48.99 24.95 -17.64)
- LCH
- lch(48.99 30.56 324.7)
- CMYK
- cmyk(0% 31% 0% 42%)
Tintes · Sombras · Tonos
Tintes
- 9E749E
- A882A8
- B391B3
- BEA1BD
- C9B0C8
- D4BFD3
- DECFDE
- E9DFE9
- F4EFF4
Sombras
- 7F577F
- 6C496C
- 593C59
- 472F47
- 362236
- 251725
- 160C16
- 080308
- 010001
Tonos
- 916891
- 906B8F
- 8E6E8E
- 8C708C
- 8A738A
- 887688
- 867886
- 847B84
- 827E82
Armonías de color
Complementario +180°
- 936593
Sunshone Plum
- 548659
≈ Emerald Ring
Análogo -30° +30°
- 936593
Sunshone Plum
- 7D6DA5
≈ Purple Mountain Majesty
- A16179
≈ Cosmetic Red
Triádico +120° +240°
- 936593
Sunshone Plum
- 8E7435
≈ Marshy Green
- 258692
≈ River Fountain
Complementario dividido +150° +210°
- 936593
Sunshone Plum
- 747E3F
≈ Calla Green
- 318976
≈ Ionian
Tetrádico +90° +180° +270°
- 936593
Sunshone Plum
- 9F6A42
≈ Must Love Dogs
- 548659
≈ Emerald Ring
- 3F7FA5
≈ Cendre Blue
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.64:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.52:1 · APCA Lc 30
Mejor color de texto: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--sunshone-plum: #936593;
--sunshone-plum-rgb: 147 101 147;
--sunshone-plum-oklch: oklch(0.571 0.088 326.6);
}
.element {
color: var(--sunshone-plum);
background-color: hsl(300 19% 49%);
border-color: oklch(0.571 0.088 326.6);
}Tailwind CSS v4
@theme {
--color-sunshone-plum: #936593;
--color-sunshone-plum-50: #ffedff;
--color-sunshone-plum-100: #f9def7;
--color-sunshone-plum-200: #eac7e7;
--color-sunshone-plum-300: #d1a8ce;
--color-sunshone-plum-400: #ba8cba;
--color-sunshone-plum-500: #a571a5;
--color-sunshone-plum-600: #8b608b;
--color-sunshone-plum-700: #704d70;
--color-sunshone-plum-800: #523853;
--color-sunshone-plum-900: #39263a;
--color-sunshone-plum-950: #231424;
}SCSS
$sunshone-plum: #936593;
$sunshone-plum-rgb: 147, 101, 147;
$sunshone-plum-light: mix(#fff, $sunshone-plum, 20%);
$sunshone-plum-dark: mix(#000, $sunshone-plum, 20%);
.element {
color: $sunshone-plum;
box-shadow: 0 0 0 2px rgba($sunshone-plum, 0.35);
}