Cor nomeada mais próxima · #51295B
#51295B
Cor nomeada mais próxima: Wonka Purple
#51295B (rgb(81 41 91), hsl(288 38% 26%), oklch(0.356 0.095 319.3)) é mais próxima da cor nomeada Wonka Purple. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#51295B
oklch(0.356 0.095 319.3)
Conversões de cor
- HEX
- #51295b
- RGB
- rgb(81 41 91)
- HSL
- hsl(288 38% 26%)
- HWB
- hwb(288 16% 64%)
- OKLCH
- oklch(0.356 0.095 319.3)
- OKLab
- oklab(0.356 0.072 -0.062)
- CIE Lab
- lab(23.85 25.68 -22.4)
- LCH
- lch(23.85 34.08 318.9)
- CMYK
- cmyk(11% 55% 0% 64%)
Tons claros · Sombras · Tons
Tons claros
- 613D6B
- 72517A
- 83658A
- 947A9A
- A58FAB
- B6A4BB
- C8BACC
- DAD1DD
- EDE8EE
Sombras
- 45224E
- 3A1C41
- 2F1535
- 240F29
- 1A091E
- 100513
- 070209
- 020103
- 000000
Tons
- 56325F
- 5B3B63
- 604367
- 644C6B
- 69556E
- 6E5D72
- 726676
- 776E79
- 7B777D
Harmonias de cor
Complementar +180°
- 51295B
Wonka Purple
- 1D4711
≈ Dark Fern
Análoga -30° +30°
- 51295B
Wonka Purple
- 3C316A
≈ Minsk
- 5F2344
≈ Plum Caspia
Tríade +120° +240°
- 51295B
Wonka Purple
- 503700
≈ Eyelash Camel
- 004548
≈ Dark Side
Complementar dividida +150° +210°
- 51295B
Wonka Purple
- 3F3F00
≈ Dark Olive
- 004836
≈ UP Forest Green
Tétrade +90° +180° +270°
- 51295B
Wonka Purple
- 622900
≈ Count Chocula
- 1D4711
≈ Dark Fern
- 004259
≈ Maniac Mansion
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.55:1 · APCA Lc 96
Ag
FailSobre preto
WCAG 1.81:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.55:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
CSS
:root {
--wonka-purple: #51295b;
--wonka-purple-rgb: 81 41 91;
--wonka-purple-oklch: oklch(0.356 0.095 319.3);
}
.element {
color: var(--wonka-purple);
background-color: hsl(288 38% 26%);
border-color: oklch(0.356 0.095 319.3);
}Tailwind CSS v4
@theme {
--color-wonka-purple: #51295b;
--color-wonka-purple-50: #ffedff;
--color-wonka-purple-100: #f7defc;
--color-wonka-purple-200: #e8c7ed;
--color-wonka-purple-300: #cea8d5;
--color-wonka-purple-400: #b78cc2;
--color-wonka-purple-500: #a271ae;
--color-wonka-purple-600: #896093;
--color-wonka-purple-700: #6d4c76;
--color-wonka-purple-800: #503858;
--color-wonka-purple-900: #38263e;
--color-wonka-purple-950: #221427;
}SCSS
$wonka-purple: #51295b;
$wonka-purple-rgb: 81, 41, 91;
$wonka-purple-light: mix(#fff, $wonka-purple, 20%);
$wonka-purple-dark: mix(#000, $wonka-purple, 20%);
.element {
color: $wonka-purple;
box-shadow: 0 0 0 2px rgba($wonka-purple, 0.35);
}