Color con nombre más cercano · #C306F5
#C306F5
Color con nombre más cercano: Promiscuous Pink
#C306F5 (rgb(195 6 245), hsl(287 95% 49%), oklch(0.608 0.296 316.1)) se parece más al color con nombre Promiscuous Pink. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#C306F5
oklch(0.608 0.296 316.1)
Conversiones de color
- HEX
- #c306f5
- RGB
- rgb(195 6 245)
- HSL
- hsl(287 95% 49%)
- HWB
- hwb(287 2% 4%)
- OKLCH
- oklch(0.608 0.296 316.1)
- OKLab
- oklab(0.608 0.213 -0.205)
- CIE Lab
- lab(49.26 81.8 -73.12)
- LCH
- lch(49.26 109.72 318.2)
- CMYK
- cmyk(20% 98% 0% 4%)
Tintes · Sombras · Tonos
Tintes
- CA40F8
- D15EFA
- D876FC
- DE8BFE
- E4A0FF
- EAB4FF
- F0C7FF
- F5DAFF
- FAECFF
Sombras
- A904D5
- 9003B6
- 780298
- 60017B
- 4A015F
- 340044
- 20002B
- 0E0015
- 020003
Tonos
- BD2FEA
- B741DE
- B04FD3
- AA59C8
- A362BC
- 9D6AB1
- 9670A5
- 8F7699
- 887B8D
Armonías de color
Complementario +180°
- C306F5
Promiscuous Pink
- 499900
≈ Grass Is Greener
Análogo -30° +30°
- C306F5
Promiscuous Pink
- 7E61FF
≈ Purple Anemone
- E300A2
≈ Aphroditean Fuchsia
Triádico +120° +240°
- C306F5
Promiscuous Pink
- AE7600
≈ Falafel
- 009597
≈ Atrovirens
Complementario dividido +150° +210°
- C306F5
Promiscuous Pink
- 8D8700
≈ Palak Paneer
- 009A71
≈ Rainforest
Tetrádico +90° +180° +270°
- C306F5
Promiscuous Pink
- D15900
≈ Tomato Bisque
- 499900
≈ Grass Is Greener
- 0090B8
≈ Cool Tide
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.50:1 · APCA Lc 69
Ag
AASobre negro
WCAG 4.66:1 · APCA Lc 33
Mejor color de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
Fragmentos de código
CSS
:root {
--promiscuous-pink: #c306f5;
--promiscuous-pink-rgb: 195 6 245;
--promiscuous-pink-oklch: oklch(0.608 0.296 316.1);
}
.element {
color: var(--promiscuous-pink);
background-color: hsl(287 95% 49%);
border-color: oklch(0.608 0.296 316.1);
}Tailwind CSS v4
@theme {
--color-promiscuous-pink: #c306f5;
--color-promiscuous-pink-50: #ffdaff;
--color-promiscuous-pink-100: #ffc8ff;
--color-promiscuous-pink-200: #ffa8ff;
--color-promiscuous-pink-300: #f47cff;
--color-promiscuous-pink-400: #df4cff;
--color-promiscuous-pink-500: #cd00ff;
--color-promiscuous-pink-600: #ad00db;
--color-promiscuous-pink-700: #8b00b0;
--color-promiscuous-pink-800: #650087;
--color-promiscuous-pink-900: #47005f;
--color-promiscuous-pink-950: #2e0041;
}SCSS
$promiscuous-pink: #c306f5;
$promiscuous-pink-rgb: 195, 6, 245;
$promiscuous-pink-light: mix(#fff, $promiscuous-pink, 20%);
$promiscuous-pink-dark: mix(#000, $promiscuous-pink, 20%);
.element {
color: $promiscuous-pink;
box-shadow: 0 0 0 2px rgba($promiscuous-pink, 0.35);
}