Colore con nome più vicino · #C692CC
#C692CC
Colore con nome più vicino: Violaceous
#C692CC (rgb(198 146 204), hsl(294 36% 69%), oklch(0.729 0.1 323)) è più vicino al colore con nome Violaceous. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#C692CC
oklch(0.729 0.1 323)
Conversioni di colore
- HEX
- #c692cc
- RGB
- rgb(198 146 204)
- HSL
- hsl(294 36% 69%)
- HWB
- hwb(294 57% 20%)
- OKLCH
- oklch(0.729 0.1 323)
- OKLab
- oklab(0.729 0.08 -0.06)
- CIE Lab
- lab(67.15 27.5 -22.07)
- LCH
- lch(67.15 35.26 321.3)
- CMYK
- cmyk(3% 28% 0% 20%)
Tinte · Ombre · Toni
Tinte
- CC9DD1
- D2A8D6
- D8B2DC
- DDBDE1
- E3C8E6
- E9D3EB
- EEDEF0
- F4E9F5
- F9F4FA
Ombre
- AC7EB1
- 926B97
- 7A587E
- 624665
- 4B354E
- 352537
- 211622
- 0E080F
- 020102
Toni
- BF90C4
- B88FBD
- B18DB5
- AA8BAD
- A38AA6
- 9C889E
- 958697
- 8E848F
- 878287
Armonie di colore
Complementare +180°
- C692CC
Violaceous
- 81B87E
≈ Colour Me Green
Analogo -30° +30°
- C692CC
Violaceous
- AA9CE1
≈ Dull Lavender
- D98DAD
≈ Berry Twist
Triadico +120° +240°
- C692CC
Violaceous
- C6A25A
≈ Sauterne
- 4BBAC3
≈ Sussie
Complementare divisa +150° +210°
- C692CC
Violaceous
- A8AE62
≈ April Green
- 5CBCA1
≈ Puerto Rico
Tetradico +90° +180° +270°
- C692CC
Violaceous
- D9966B
≈ Summer’s End
- 81B87E
≈ Colour Me Green
- 61B2DC
≈ Milky Waves
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.50:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.38:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.38:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--violaceous: #c692cc;
--violaceous-rgb: 198 146 204;
--violaceous-oklch: oklch(0.729 0.1 323);
}
.element {
color: var(--violaceous);
background-color: hsl(294 36% 69%);
border-color: oklch(0.729 0.1 323);
}Tailwind CSS v4
@theme {
--color-violaceous: #c692cc;
--color-violaceous-50: #ffecff;
--color-violaceous-100: #faddfb;
--color-violaceous-200: #ebc6ec;
--color-violaceous-300: #d2a6d4;
--color-violaceous-400: #bb8ac1;
--color-violaceous-500: #a66fac;
--color-violaceous-600: #8c5e92;
--color-violaceous-700: #704b75;
--color-violaceous-800: #523657;
--color-violaceous-900: #39253d;
--color-violaceous-950: #231427;
}SCSS
$violaceous: #c692cc;
$violaceous-rgb: 198, 146, 204;
$violaceous-light: mix(#fff, $violaceous, 20%);
$violaceous-dark: mix(#000, $violaceous, 20%);
.element {
color: $violaceous;
box-shadow: 0 0 0 2px rgba($violaceous, 0.35);
}