Color con nombre · #C290C5
Rose Souvenir
Rose Souvenir es #C290C5: rgb(194 144 197), hsl(297 31% 67%), oklch(0.719 0.094 324.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Rose Souvenir color name →
#C290C5
oklch(0.719 0.094 324.6)
Conversiones de color
- HEX
- #c290c5
- RGB
- rgb(194 144 197)
- HSL
- hsl(297 31% 67%)
- HWB
- hwb(297 56% 23%)
- OKLCH
- oklch(0.719 0.094 324.6)
- OKLab
- oklab(0.719 0.076 -0.054)
- CIE Lab
- lab(66.04 26.14 -19.9)
- LCH
- lch(66.04 32.85 322.7)
- CMYK
- cmyk(2% 27% 0% 23%)
Tintes · Sombras · Tonos
Tintes
- C89BCB
- CFA6D1
- D5B1D7
- DBBCDC
- E1C7E2
- E7D2E8
- EDDDEE
- F3E8F4
- F9F4F9
Sombras
- A87DAB
- 8F6A92
- 775779
- 604561
- 49344B
- 342435
- 201521
- 0E070E
- 020102
Tonos
- BB8FBE
- B58DB7
- AE8CB0
- A88AA9
- A189A2
- 9A879B
- 948594
- 8D848E
- 878287
Armonías de color
Complementario +180°
- C290C5
Rose Souvenir
- 7FB47F
≈ Verde
Análogo -30° +30°
- C290C5
Rose Souvenir
- A899D9
≈ Biloba Flower
- D38CA7
≈ Kiss
Triádico +120° +240°
- C290C5
Rose Souvenir
- BFA05D
≈ Magic Lamp
- 51B5C0
≈ Glassmith
Complementario dividido +150° +210°
- C290C5
Rose Souvenir
- A2AB65
≈ Spanish Olive
- 5EB7A0
≈ Keppel
Tetrádico +90° +180° +270°
- C290C5
Rose Souvenir
- D2946B
≈ Pumpkin Patch
- 7FB47F
≈ Verde
- 65AED6
≈ Imrik Blue
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.59:1 · APCA Lc 51
Ag
AAASobre negro
WCAG 8.08:1 · APCA Lc 51
Mejor color de texto: #000000
WCAG 8.08:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmentos de código
CSS
:root {
--rose-souvenir: #c290c5;
--rose-souvenir-rgb: 194 144 197;
--rose-souvenir-oklch: oklch(0.719 0.094 324.6);
}
.element {
color: var(--rose-souvenir);
background-color: hsl(297 31% 67%);
border-color: oklch(0.719 0.094 324.6);
}Tailwind CSS v4
@theme {
--color-rose-souvenir: #c290c5;
--color-rose-souvenir-50: #ffecff;
--color-rose-souvenir-100: #f9def9;
--color-rose-souvenir-200: #eac7ea;
--color-rose-souvenir-300: #d1a7d1;
--color-rose-souvenir-400: #bb8bbd;
--color-rose-souvenir-500: #a570a9;
--color-rose-souvenir-600: #8c5f8f;
--color-rose-souvenir-700: #704c72;
--color-rose-souvenir-800: #523755;
--color-rose-souvenir-900: #39263c;
--color-rose-souvenir-950: #231425;
}SCSS
$rose-souvenir: #c290c5;
$rose-souvenir-rgb: 194, 144, 197;
$rose-souvenir-light: mix(#fff, $rose-souvenir, 20%);
$rose-souvenir-dark: mix(#000, $rose-souvenir, 20%);
.element {
color: $rose-souvenir;
box-shadow: 0 0 0 2px rgba($rose-souvenir, 0.35);
}