Color con nombre más cercano · #815CA5
#815CA5
Color con nombre más cercano: Lusty Lavender
#815CA5 (rgb(129 92 165), hsl(270 29% 50%), oklch(0.544 0.117 306.3)) se parece más al color con nombre Lusty Lavender. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#815CA5
oklch(0.544 0.117 306.3)
Conversiones de color
- HEX
- #815ca5
- RGB
- rgb(129 92 165)
- HSL
- hsl(270 29% 50%)
- HWB
- hwb(270 36% 35%)
- OKLCH
- oklch(0.544 0.117 306.3)
- OKLab
- oklab(0.544 0.069 -0.094)
- CIE Lab
- lab(45.41 26.65 -33.97)
- LCH
- lch(45.41 43.18 308.1)
- CMYK
- cmyk(22% 44% 0% 35%)
Tintes · Sombras · Tonos
Tintes
- 8D6CAE
- 997CB8
- A58CC1
- B29CCA
- BEACD3
- CBBCDC
- D8CDE5
- E5DDEE
- F2EEF6
Sombras
- 6F4F8F
- 5E4279
- 4E3665
- 3E2A51
- 2E1F3D
- 1F142B
- 120A1A
- 06030A
- 010001
Tonos
- 8160A2
- 81649E
- 81689B
- 816C97
- 816F94
- 807390
- 80768C
- 807A88
- 807D84
Armonías de color
Complementario +180°
- 815CA5
Lusty Lavender
- 5E7B26
≈ Birch Leaf Green
Análogo -30° +30°
- 815CA5
Lusty Lavender
- 5E68B3
≈ Evening Lagoon
- 995389
≈ Purplish
Triádico +120° +240°
- 815CA5
Lusty Lavender
- 9D600D
≈ Soft Tone Ink
- 008178
≈ Green Garlands
Complementario dividido +150° +210°
- 815CA5
Lusty Lavender
- 836F00
≈ Sunlit Kelp Green
- 238352
≈ Monster Monstera
Tetrádico +90° +180° +270°
- 815CA5
Lusty Lavender
- A8543D
≈ Orange Roughy
- 5E7B26
≈ Birch Leaf Green
- 007D94
≈ Mosaic Blue
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.24:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 4.00:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--lusty-lavender: #815ca5;
--lusty-lavender-rgb: 129 92 165;
--lusty-lavender-oklch: oklch(0.544 0.117 306.3);
}
.element {
color: var(--lusty-lavender);
background-color: hsl(270 29% 50%);
border-color: oklch(0.544 0.117 306.3);
}Tailwind CSS v4
@theme {
--color-lusty-lavender: #815ca5;
--color-lusty-lavender-50: #ffedff;
--color-lusty-lavender-100: #f3deff;
--color-lusty-lavender-200: #e2c7fb;
--color-lusty-lavender-300: #c8a7e6;
--color-lusty-lavender-400: #b08cd5;
--color-lusty-lavender-500: #9a70c3;
--color-lusty-lavender-600: #825fa4;
--color-lusty-lavender-700: #684c84;
--color-lusty-lavender-800: #4b3763;
--color-lusty-lavender-900: #342645;
--color-lusty-lavender-950: #20142d;
}SCSS
$lusty-lavender: #815ca5;
$lusty-lavender-rgb: 129, 92, 165;
$lusty-lavender-light: mix(#fff, $lusty-lavender, 20%);
$lusty-lavender-dark: mix(#000, $lusty-lavender, 20%);
.element {
color: $lusty-lavender;
box-shadow: 0 0 0 2px rgba($lusty-lavender, 0.35);
}