Cor nomeada mais próxima · #C982C6
#C982C6
Cor nomeada mais próxima: Violaceous
#C982C6 (rgb(201 130 198), hsl(303 40% 65%), oklch(0.702 0.125 328.3)) é mais próxima da cor nomeada Violaceous. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C982C6
oklch(0.702 0.125 328.3)
Conversões de cor
- HEX
- #c982c6
- RGB
- rgb(201 130 198)
- HSL
- hsl(303 40% 65%)
- HWB
- hwb(303 51% 21%)
- OKLCH
- oklch(0.702 0.125 328.3)
- OKLab
- oklab(0.702 0.106 -0.066)
- CIE Lab
- lab(63.69 35.96 -23.93)
- LCH
- lch(63.69 43.2 326.4)
- CMYK
- cmyk(0% 35% 1% 21%)
Tons claros · Sombras · Tons
Tons claros
- CF8FCC
- D59BD2
- DAA7D7
- E0B4DD
- E5C0E3
- EBCDE9
- F0D9EE
- F5E6F4
- FAF2F9
Sombras
- AE70AC
- 955F92
- 7C4E7A
- 643E62
- 4C2F4B
- 362035
- 221221
- 0F060E
- 020102
Tons
- C282BF
- BB82B8
- B383B1
- AC82AA
- A582A3
- 9E829C
- 968295
- 8F818E
- 888187
Harmonias de cor
Complementar +180°
- C982C6
Violaceous
- 64B472
≈ Forest Fern
Análoga -30° +30°
- C982C6
Violaceous
- A98DE2
≈ Middy’s Purple
- DD7C9E
≈ Pinking. Fast and Slow
Tríade +120° +240°
- C982C6
Violaceous
- BF9A34
≈ Gold Taffeta
- 00B3C7
≈ Antigua Blue
Complementar dividida +150° +210°
- C982C6
Violaceous
- 98AA48
≈ Persian Belt
- 1BB8A0
≈ Aare River
Tétrade +90° +180° +270°
- C982C6
Violaceous
- D88A4A
≈ Serape
- 64B472
≈ Forest Fern
- 47A9E3
≈ High Blue
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: #c982c6;
--violaceous-rgb: 201 130 198;
--violaceous-oklch: oklch(0.702 0.125 328.3);
}
.element {
color: var(--violaceous);
background-color: hsl(303 40% 65%);
border-color: oklch(0.702 0.125 328.3);
}Tailwind CSS v4
@theme {
--color-violaceous: #c982c6;
--color-violaceous-50: #ffe9ff;
--color-violaceous-100: #ffdafc;
--color-violaceous-200: #f4c1ee;
--color-violaceous-300: #dca0d6;
--color-violaceous-400: #c683c3;
--color-violaceous-500: #b265af;
--color-violaceous-600: #965694;
--color-violaceous-700: #794577;
--color-violaceous-800: #583259;
--color-violaceous-900: #3e223e;
--color-violaceous-950: #271127;
}SCSS
$violaceous: #c982c6;
$violaceous-rgb: 201, 130, 198;
$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);
}