Color con nombre más cercano · #615082
#615082
Color con nombre más cercano: Sumptuous Purple
#615082 (rgb(97 80 130), hsl(260 24% 41%), oklch(0.47 0.081 298.9)) se parece más al color con nombre Sumptuous Purple. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#615082
oklch(0.47 0.081 298.9)
Conversiones de color
- HEX
- #615082
- RGB
- rgb(97 80 130)
- HSL
- hsl(260 24% 41%)
- HWB
- hwb(260 31% 49%)
- OKLCH
- oklch(0.47 0.081 298.9)
- OKLab
- oklab(0.47 0.039 -0.071)
- CIE Lab
- lab(37.41 15.85 -25.77)
- LCH
- lch(37.41 30.25 301.6)
- CMYK
- cmyk(25% 38% 0% 49%)
Tintes · Sombras · Tonos
Tintes
- 6F608E
- 7E719B
- 8D82A7
- 9D93B3
- ACA4C0
- BCB6CC
- CDC8D9
- DDDAE6
- EEECF2
Sombras
- 534470
- 46395F
- 392E4E
- 2D243E
- 211A2F
- 151020
- 0B0712
- 030206
- 000001
Tonos
- 645582
- 675A82
- 6A5F82
- 6D6482
- 706882
- 736D82
- 767281
- 7A7781
- 7D7B81
Armonías de color
Complementario +180°
- 615082
Sumptuous Purple
- 566128
≈ Basil Green
Análogo -30° +30°
- 615082
Sumptuous Purple
- 485889
≈ True Navy
- 744971
≈ Sunset Purple
Triádico +120° +240°
- 615082
Sumptuous Purple
- 7C4F28
≈ Brown-Noser
- 10695B
≈ Bella Vista
Complementario dividido +150° +210°
- 615082
Sumptuous Purple
- 6D581C
≈ Field Drab
- 376741
≈ Genever Green
Tetrádico +90° +180° +270°
- 615082
Sumptuous Purple
- 824840
≈ Think Brick
- 566128
≈ Basil Green
- 006773
≈ Kingfisher Bright
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.05:1 · APCA Lc 84
Ag
FailSobre negro
WCAG 2.97:1 · APCA Lc 18
Mejor color de texto: #FFFFFF
WCAG 7.05:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--sumptuous-purple: #615082;
--sumptuous-purple-rgb: 97 80 130;
--sumptuous-purple-oklch: oklch(0.47 0.081 298.9);
}
.element {
color: var(--sumptuous-purple);
background-color: hsl(260 24% 41%);
border-color: oklch(0.47 0.081 298.9);
}Tailwind CSS v4
@theme {
--color-sumptuous-purple: #615082;
--color-sumptuous-purple-50: #f9f0ff;
--color-sumptuous-purple-100: #ece2ff;
--color-sumptuous-purple-200: #dacdf2;
--color-sumptuous-purple-300: #beaedb;
--color-sumptuous-purple-400: #a594c8;
--color-sumptuous-purple-500: #8d7ab5;
--color-sumptuous-purple-600: #786799;
--color-sumptuous-purple-700: #60537a;
--color-sumptuous-purple-800: #453c5b;
--color-sumptuous-purple-900: #302940;
--color-sumptuous-purple-950: #1c1729;
}SCSS
$sumptuous-purple: #615082;
$sumptuous-purple-rgb: 97, 80, 130;
$sumptuous-purple-light: mix(#fff, $sumptuous-purple, 20%);
$sumptuous-purple-dark: mix(#000, $sumptuous-purple, 20%);
.element {
color: $sumptuous-purple;
box-shadow: 0 0 0 2px rgba($sumptuous-purple, 0.35);
}