Cor nomeada mais próxima · #8E2C91
#8E2C91
Cor nomeada mais próxima: Warm Purple
#8E2C91 (rgb(142 44 145), hsl(298 53% 37%), oklch(0.481 0.178 326.7)) é mais próxima da cor nomeada Warm Purple. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8E2C91
oklch(0.481 0.178 326.7)
Conversões de cor
- HEX
- #8e2c91
- RGB
- rgb(142 44 145)
- HSL
- hsl(298 53% 37%)
- HWB
- hwb(298 17% 43%)
- OKLCH
- oklch(0.481 0.178 326.7)
- OKLab
- oklab(0.481 0.148 -0.098)
- CIE Lab
- lab(37 50.88 -35.04)
- LCH
- lch(37 61.78 325.4)
- CMYK
- cmyk(2% 70% 0% 43%)
Tons claros · Sombras · Tons
Tons claros
- 9A449C
- A65AA7
- B26FB3
- BE83BE
- C997C9
- D4ACD4
- DFC0DF
- EAD5E9
- F5EAF4
Sombras
- 7B257D
- 681E6A
- 561758
- 441146
- 340A35
- 240525
- 150215
- 070107
- 010001
Tons
- 8E3890
- 8D428F
- 8C4B8D
- 8B548C
- 8A5C8A
- 886488
- 876B86
- 857284
- 837982
Harmonias de cor
Complementar +180°
- 8E2C91
Warm Purple
- 007225
≈ Clear Green
Análoga -30° +30°
- 8E2C91
Warm Purple
- 6B3EB4
≈ Purple Emperor
- A41C60
≈ Banafsaji Purple
Tríade +120° +240°
- 8E2C91
Warm Purple
- 765900
≈ Blackfire Earth
- 006B75
≈ Toadstool Teal
Complementar dividida +150° +210°
- 8E2C91
Warm Purple
- 5A6500
≈ Serrano Pepper
- 006E5D
≈ Forest Splendour
Tétrade +90° +180° +270°
- 8E2C91
Warm Purple
- 8E4900
≈ Parasite Brown
- 007225
≈ Clear Green
- 006591
≈ Kingfisher Blue
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.19:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 2.91:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--warm-purple: #8e2c91;
--warm-purple-rgb: 142 44 145;
--warm-purple-oklch: oklch(0.481 0.178 326.7);
}
.element {
color: var(--warm-purple);
background-color: hsl(298 53% 37%);
border-color: oklch(0.481 0.178 326.7);
}Tailwind CSS v4
@theme {
--color-warm-purple: #8e2c91;
--color-warm-purple-50: #ffe4ff;
--color-warm-purple-100: #ffd3ff;
--color-warm-purple-200: #feb9fa;
--color-warm-purple-300: #e995e4;
--color-warm-purple-400: #d375d5;
--color-warm-purple-500: #c052c3;
--color-warm-purple-600: #a246a4;
--color-warm-purple-700: #823884;
--color-warm-purple-800: #5f2864;
--color-warm-purple-900: #431b46;
--color-warm-purple-950: #2b0a2d;
}SCSS
$warm-purple: #8e2c91;
$warm-purple-rgb: 142, 44, 145;
$warm-purple-light: mix(#fff, $warm-purple, 20%);
$warm-purple-dark: mix(#000, $warm-purple, 20%);
.element {
color: $warm-purple;
box-shadow: 0 0 0 2px rgba($warm-purple, 0.35);
}