Cor nomeada mais próxima · #C682CF
#C682CF
Cor nomeada mais próxima: Violaceous
#C682CF (rgb(198 130 207), hsl(293 45% 66%), oklch(0.703 0.132 322.7)) é mais próxima da cor nomeada Violaceous. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C682CF
oklch(0.703 0.132 322.7)
Conversões de cor
- HEX
- #c682cf
- RGB
- rgb(198 130 207)
- HSL
- hsl(293 45% 66%)
- HWB
- hwb(293 51% 19%)
- OKLCH
- oklch(0.703 0.132 322.7)
- OKLab
- oklab(0.703 0.105 -0.08)
- CIE Lab
- lab(63.63 36.22 -29.09)
- LCH
- lch(63.63 46.46 321.2)
- CMYK
- cmyk(4% 37% 0% 19%)
Tons claros · Sombras · Tons
Tons claros
- CC8FD4
- D29BD9
- D8A8DE
- DEB4E3
- E4C0E8
- E9CDED
- EFD9F1
- F4E6F6
- FAF2FB
Sombras
- AC70B4
- 925F99
- 7A4E7F
- 623E67
- 4B2F4F
- 352038
- 211223
- 0E0610
- 020102
Tons
- BF82C7
- B883BF
- B183B7
- AA83AF
- A382A7
- 9C82A0
- 958298
- 8E8190
- 878188
Harmonias de cor
Complementar +180°
- C682CF
Violaceous
- 6BB466
≈ Boring Green
Análoga -30° +30°
- C682CF
Violaceous
- A28FEA
≈ Perrywinkle
- DD7BA7
≈ Pinking. Fast and Slow
Tríade +120° +240°
- C682CF
Violaceous
- C79629
≈ Tawny Olive
- 00B5C0
≈ Lago Blue
Complementar dividida +150° +210°
- C682CF
Violaceous
- A1A739
≈ Mikado Green
- 18B997
≈ Aoife’s Green
Tétrade +90° +180° +270°
- C682CF
Violaceous
- DF864B
≈ Schnipo
- 6BB466
≈ Boring Green
- 2EACE3
≈ Royal Peacock
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.49:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--violaceous: #c682cf;
--violaceous-rgb: 198 130 207;
--violaceous-oklch: oklch(0.703 0.132 322.7);
}
.element {
color: var(--violaceous);
background-color: hsl(293 45% 66%);
border-color: oklch(0.703 0.132 322.7);
}Tailwind CSS v4
@theme {
--color-violaceous: #c682cf;
--color-violaceous-50: #ffe9ff;
--color-violaceous-100: #ffdaff;
--color-violaceous-200: #f1c1f4;
--color-violaceous-300: #daa0dd;
--color-violaceous-400: #c383cc;
--color-violaceous-500: #af65b9;
--color-violaceous-600: #94569c;
--color-violaceous-700: #76457d;
--color-violaceous-800: #56325e;
--color-violaceous-900: #3c2242;
--color-violaceous-950: #26112a;
}SCSS
$violaceous: #c682cf;
$violaceous-rgb: 198, 130, 207;
$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);
}