Cor nomeada · #CDA4DE
Spring Wisteria
Spring Wisteria é #CDA4DE: rgb(205 164 222), hsl(282 47% 76%), oklch(0.775 0.092 315.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Spring Wisteria color name →
#CDA4DE
oklch(0.775 0.092 315.9)
Conversões de cor
- HEX
- #cda4de
- RGB
- rgb(205 164 222)
- HSL
- hsl(282 47% 76%)
- HWB
- hwb(282 64% 13%)
- OKLCH
- oklch(0.775 0.092 315.9)
- OKLab
- oklab(0.775 0.066 -0.064)
- CIE Lab
- lab(72.64 23.24 -23.57)
- LCH
- lch(72.64 33.1 314.6)
- CMYK
- cmyk(8% 26% 0% 13%)
Tons claros · Sombras · Tons
Tons claros
- D2ADE2
- D7B6E5
- DCBFE8
- E1C8EC
- E6D1EF
- EBDAF2
- F0E3F6
- F5EDF9
- FAF6FC
Sombras
- B28EC1
- 9879A5
- 7E6489
- 66506F
- 4E3D55
- 382B3D
- 231A26
- 0F0A12
- 020102
Tons
- C5A1D4
- BD9DCB
- B599C1
- AE96B8
- A692AE
- 9E8FA5
- 978B9C
- 8F8792
- 888489
Harmonias de cor
Complementar +180°
- CDA4DE
Spring Wisteria
- 9BC488
≈ Picnic
Análoga -30° +30°
- CDA4DE
Spring Wisteria
- B0AEEF
≈ Maximum Blue Purple
- E19EC2
≈ Pink Begonia
Tríade +120° +240°
- CDA4DE
Spring Wisteria
- D8AE71
≈ Mustard Field
- 67C8C9
≈ Petrichor
Complementar dividida +150° +210°
- CDA4DE
Spring Wisteria
- BDBA73
≈ Savannah Grass
- 7AC9A8
≈ Aqua Eden
Tétrade +90° +180° +270°
- CDA4DE
Spring Wisteria
- E8A484
≈ Ceramic Glaze
- 9BC488
≈ Picnic
- 71C2E3
≈ Mizu
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.10:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 9.96:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
CSS
:root {
--spring-wisteria: #cda4de;
--spring-wisteria-rgb: 205 164 222;
--spring-wisteria-oklch: oklch(0.775 0.092 315.9);
}
.element {
color: var(--spring-wisteria);
background-color: hsl(282 47% 76%);
border-color: oklch(0.775 0.092 315.9);
}Tailwind CSS v4
@theme {
--color-spring-wisteria: #cda4de;
--color-spring-wisteria-50: #ffedff;
--color-spring-wisteria-100: #f5dffc;
--color-spring-wisteria-200: #e5c8ee;
--color-spring-wisteria-300: #cba9d6;
--color-spring-wisteria-400: #b48ec4;
--color-spring-wisteria-500: #9e73af;
--color-spring-wisteria-600: #856194;
--color-spring-wisteria-700: #6b4e77;
--color-spring-wisteria-800: #4e3959;
--color-spring-wisteria-900: #36273e;
--color-spring-wisteria-950: #211527;
}SCSS
$spring-wisteria: #cda4de;
$spring-wisteria-rgb: 205, 164, 222;
$spring-wisteria-light: mix(#fff, $spring-wisteria, 20%);
$spring-wisteria-dark: mix(#000, $spring-wisteria, 20%);
.element {
color: $spring-wisteria;
box-shadow: 0 0 0 2px rgba($spring-wisteria, 0.35);
}