Cor nomeada · #E3C2FF
Jane Purple
Jane Purple é #E3C2FF: rgb(227 194 255), hsl(272 100% 88%), oklch(0.862 0.09 309.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Jane Purple color name →
#E3C2FF
oklch(0.862 0.09 309.1)
Conversões de cor
- HEX
- #e3c2ff
- RGB
- rgb(227 194 255)
- HSL
- hsl(272 100% 88%)
- HWB
- hwb(272 76% 0%)
- OKLCH
- oklch(0.862 0.09 309.1)
- OKLab
- oklab(0.862 0.057 -0.07)
- CIE Lab
- lab(82.82 20.36 -25.67)
- LCH
- lch(82.82 32.76 308.4)
- CMYK
- cmyk(11% 24% 0% 0%)
Tons claros · Sombras · Tons
Tons claros
- E6C8FF
- E9CEFF
- EBD4FF
- EEDBFF
- F1E1FF
- F4E7FF
- F7EDFF
- F9F3FF
- FCF9FF
Sombras
- C5A8DE
- A88FBE
- 8C779E
- 716080
- 574963
- 3F3448
- 27202E
- 120E16
- 030203
Tons
- D9BBF2
- CEB5E5
- C4AED8
- BAA7CB
- B0A1BE
- A69AB1
- 9D94A5
- 938D98
- 89878C
Harmonias de cor
Complementar +180°
- E3C2FF
Jane Purple
- BFDE9F
≈ Cactus Spike
Análoga -30° +30°
- E3C2FF
Jane Purple
- C7CEFF
≈ Lavender Blue
- FABBE5
≈ Pretty in Pink
Tríade +120° +240°
- E3C2FF
Jane Purple
- F9C791
≈ Sicilian Villa
- 88E5DE
≈ Aqua Fiesta
Complementar dividida +150° +210°
- E3C2FF
Jane Purple
- E0D38E
≈ Leaf Print
- 9EE4BD
≈ Bright Sea Green
Tétrade +90° +180° +270°
- E3C2FF
Jane Purple
- FFC1AD
≈ Porcellana
- BFDE9F
≈ Cactus Spike
- 8BE0FA
≈ Tranquil Pool
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.42:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.42:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--jane-purple: #e3c2ff;
--jane-purple-rgb: 227 194 255;
--jane-purple-oklch: oklch(0.862 0.09 309.1);
}
.element {
color: var(--jane-purple);
background-color: hsl(272 100% 88%);
border-color: oklch(0.862 0.09 309.1);
}Tailwind CSS v4
@theme {
--color-jane-purple: #e3c2ff;
--color-jane-purple-50: #feeeff;
--color-jane-purple-100: #f2e0ff;
--color-jane-purple-200: #e1caf1;
--color-jane-purple-300: #c6abda;
--color-jane-purple-400: #ae90c7;
--color-jane-purple-500: #9875b3;
--color-jane-purple-600: #806398;
--color-jane-purple-700: #674f7a;
--color-jane-purple-800: #4b3a5b;
--color-jane-purple-900: #34283f;
--color-jane-purple-950: #1f1628;
}SCSS
$jane-purple: #e3c2ff;
$jane-purple-rgb: 227, 194, 255;
$jane-purple-light: mix(#fff, $jane-purple, 20%);
$jane-purple-dark: mix(#000, $jane-purple, 20%);
.element {
color: $jane-purple;
box-shadow: 0 0 0 2px rgba($jane-purple, 0.35);
}