Cor nomeada mais próxima · #C963CD
#C963CD
Cor nomeada mais próxima: Lavendless
#C963CD (rgb(201 99 205), hsl(298 51% 60%), oklch(0.659 0.184 326)) é mais próxima da cor nomeada Lavendless. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C963CD
oklch(0.659 0.184 326)
Conversões de cor
- HEX
- #c963cd
- RGB
- rgb(201 99 205)
- HSL
- hsl(298 51% 60%)
- HWB
- hwb(298 39% 20%)
- OKLCH
- oklch(0.659 0.184 326)
- OKLab
- oklab(0.659 0.152 -0.103)
- CIE Lab
- lab(57.69 52.14 -37.09)
- LCH
- lch(57.69 63.99 324.6)
- CMYK
- cmyk(2% 52% 0% 20%)
Tons claros · Sombras · Tons
Tons claros
- CF74D3
- D684D8
- DC94DD
- E1A3E2
- E7B3E7
- ECC2EC
- F1D1F1
- F6E0F6
- FBF0FB
Sombras
- AE55B2
- 954798
- 7C3A7E
- 642E66
- 4C214E
- 361638
- 220B23
- 0F030F
- 020002
Tons
- C267C5
- BB6CBE
- B46FB6
- AD72AF
- A675A7
- 9F789F
- 977A98
- 907C90
- 887E88
Harmonias de cor
Complementar +180°
- C963CD
Lavendless
- 2BAE44
≈ Matt Green
Análoga -30° +30°
- C963CD
Lavendless
- 9E75F4
≈ Forgotten Purple
- E45896
≈ Tutuji Pink
Tríade +120° +240°
- C963CD
Lavendless
- B68B00
≈ Loden Yellow
- 00A5B4
≈ Garish Blue
Complementar dividida +150° +210°
- C963CD
Lavendless
- 8E9C00
≈ Traffic Light Green
- 00AA8F
≈ Shindig
Tétrade +90° +180° +270°
- C963CD
Lavendless
- DA7200
≈ Gold Orange
- 2BAE44
≈ Matt Green
- 009DDC
≈ Atmosphere
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.41:1 · APCA Lc 61
Ag
AASobre preto
WCAG 6.14:1 · APCA Lc 41
Melhor cor de texto: #000000
WCAG 6.14:1 (AA) · APCA Lc 41
Contrast pairs
Trechos de código
CSS
:root {
--lavendless: #c963cd;
--lavendless-rgb: 201 99 205;
--lavendless-oklch: oklch(0.659 0.184 326);
}
.element {
color: var(--lavendless);
background-color: hsl(298 51% 60%);
border-color: oklch(0.659 0.184 326);
}Tailwind CSS v4
@theme {
--color-lavendless: #c963cd;
--color-lavendless-50: #ffe3ff;
--color-lavendless-100: #ffd3ff;
--color-lavendless-200: #ffb8fc;
--color-lavendless-300: #e994e7;
--color-lavendless-400: #d473d8;
--color-lavendless-500: #c14fc6;
--color-lavendless-600: #a344a7;
--color-lavendless-700: #833686;
--color-lavendless-800: #602765;
--color-lavendless-900: #431a47;
--color-lavendless-950: #2b0a2e;
}SCSS
$lavendless: #c963cd;
$lavendless-rgb: 201, 99, 205;
$lavendless-light: mix(#fff, $lavendless, 20%);
$lavendless-dark: mix(#000, $lavendless, 20%);
.element {
color: $lavendless;
box-shadow: 0 0 0 2px rgba($lavendless, 0.35);
}