Color con nombre · #C79FEF
Lavender Cream
Lavender Cream es #C79FEF: rgb(199 159 239), hsl(270 71% 78%), oklch(0.768 0.119 306.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Lavender Cream color name →
#C79FEF
oklch(0.768 0.119 306.7)
Conversiones de color
- HEX
- #c79fef
- RGB
- rgb(199 159 239)
- HSL
- hsl(270 71% 78%)
- HWB
- hwb(270 62% 6%)
- OKLCH
- oklch(0.768 0.119 306.7)
- OKLab
- oklab(0.768 0.071 -0.095)
- CIE Lab
- lab(71.42 26.52 -34.75)
- LCH
- lch(71.42 43.72 307.3)
- CMYK
- cmyk(17% 33% 0% 6%)
Tintes · Sombras · Tonos
Tintes
- CCA9F1
- D2B2F3
- D8BCF5
- DDC6F7
- E3CFF8
- E8D9FA
- EEE2FB
- F4ECFD
- F9F5FE
Sombras
- AD8AD0
- 9375B1
- 7A6194
- 624D78
- 4C3B5C
- 362942
- 21182A
- 0E0914
- 020103
Tonos
- C09CE4
- B899D8
- B196CD
- AA93C2
- A390B7
- 9C8DAC
- 958AA1
- 8E8796
- 87838B
Armonías de color
Complementario +180°
- C79FEF
Lavender Cream
- 9FC16C
≈ Jungle Juice
Análogo -30° +30°
- C79FEF
Lavender Cream
- A0ACFF
≈ Widowmaker
- E496CF
≈ Crepe Myrtle
Triádico +120° +240°
- C79FEF
Lavender Cream
- E6A45B
≈ Roasted Squash
- 3ECCC0
≈ Bianchi Green
Complementario dividido +150° +210°
- C79FEF
Lavender Cream
- C9B353
≈ Vegas Gold
- 6DCA94
≈ Green Gala
Tetrádico +90° +180° +270°
- C79FEF
Lavender Cream
- F5977D
≈ Parma Ham
- 9FC16C
≈ Jungle Juice
- 42C6E4
≈ Naxos Sky
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.17:1 · APCA Lc 43
Ag
AAASobre negro
WCAG 9.63:1 · APCA Lc 59
Mejor color de texto: #000000
WCAG 9.63:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmentos de código
CSS
:root {
--lavender-cream: #c79fef;
--lavender-cream-rgb: 199 159 239;
--lavender-cream-oklch: oklch(0.768 0.119 306.7);
}
.element {
color: var(--lavender-cream);
background-color: hsl(270 71% 78%);
border-color: oklch(0.768 0.119 306.7);
}Tailwind CSS v4
@theme {
--color-lavender-cream: #c79fef;
--color-lavender-cream-50: #ffedff;
--color-lavender-cream-100: #f3deff;
--color-lavender-cream-200: #e3c7fc;
--color-lavender-cream-300: #c9a7e6;
--color-lavender-cream-400: #b18bd6;
--color-lavender-cream-500: #9b6fc4;
--color-lavender-cream-600: #835ea5;
--color-lavender-cream-700: #694b84;
--color-lavender-cream-800: #4c3763;
--color-lavender-cream-900: #352646;
--color-lavender-cream-950: #20142d;
}SCSS
$lavender-cream: #c79fef;
$lavender-cream-rgb: 199, 159, 239;
$lavender-cream-light: mix(#fff, $lavender-cream, 20%);
$lavender-cream-dark: mix(#000, $lavender-cream, 20%);
.element {
color: $lavender-cream;
box-shadow: 0 0 0 2px rgba($lavender-cream, 0.35);
}