Cor nomeada mais próxima · #B924CE
#B924CE
Cor nomeada mais próxima: Telemagenta
#B924CE (rgb(185 36 206), hsl(293 70% 47%), oklch(0.577 0.252 322.2)) é mais próxima da cor nomeada Telemagenta. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B924CE
oklch(0.577 0.252 322.2)
Conversões de cor
- HEX
- #b924ce
- RGB
- rgb(185 36 206)
- HSL
- hsl(293 70% 47%)
- HWB
- hwb(293 14% 19%)
- OKLCH
- oklch(0.577 0.252 322.2)
- OKLab
- oklab(0.577 0.199 -0.155)
- CIE Lab
- lab(46.71 70.98 -55.19)
- LCH
- lch(46.71 89.91 322.1)
- CMYK
- cmyk(10% 83% 0% 19%)
Tons claros · Sombras · Tons
Tons claros
- C146D4
- CA5FDA
- D175DF
- D98AE5
- E09EEA
- E7B2EF
- EDC5F3
- F4D9F7
- F9ECFB
Sombras
- A01EB3
- 891898
- 71127F
- 5B0C66
- 46074E
- 310438
- 1E0223
- 0D000F
- 020002
Tons
- B437C7
- AF45BF
- AA50B8
- A559B0
- 9F61A9
- 9A68A1
- 946F99
- 8D7591
- 877B89
Harmonias de cor
Complementar +180°
- B924CE
Telemagenta
- 0A9400
≈ True Green
Análoga -30° +30°
- B924CE
Telemagenta
- 8546FD
≈ Sweet Escape
- D70087
≈ The Art of Seduction
Tríade +120° +240°
- B924CE
Telemagenta
- 9C7100
≈ Sandy Taupe
- 008A92
≈ Tempo Teal
Complementar dividida +150° +210°
- B924CE
Telemagenta
- 7C8000
≈ Drably Olive
- 008E72
≈ Observatory
Tétrade +90° +180° +270°
- B924CE
Telemagenta
- BB5B00
≈ Dry Clay
- 0A9400
≈ True Green
- 0084B3
≈ Lucario Blue
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.99:1 · APCA Lc 73
Ag
FailSobre preto
WCAG 4.20:1 · APCA Lc 29
Melhor cor de texto: #FFFFFF
WCAG 4.99:1 (AA) · APCA Lc 73
Contrast pairs
Trechos de código
CSS
:root {
--telemagenta: #b924ce;
--telemagenta-rgb: 185 36 206;
--telemagenta-oklch: oklch(0.577 0.252 322.2);
}
.element {
color: var(--telemagenta);
background-color: hsl(293 70% 47%);
border-color: oklch(0.577 0.252 322.2);
}Tailwind CSS v4
@theme {
--color-telemagenta: #b924ce;
--color-telemagenta-50: #ffddff;
--color-telemagenta-100: #ffcbff;
--color-telemagenta-200: #ffadff;
--color-telemagenta-300: #f584ff;
--color-telemagenta-400: #e05cf4;
--color-telemagenta-500: #cd22e5;
--color-telemagenta-600: #ad22c1;
--color-telemagenta-700: #8b1c9b;
--color-telemagenta-800: #661376;
--color-telemagenta-900: #480d53;
--color-telemagenta-950: #2f0038;
}SCSS
$telemagenta: #b924ce;
$telemagenta-rgb: 185, 36, 206;
$telemagenta-light: mix(#fff, $telemagenta, 20%);
$telemagenta-dark: mix(#000, $telemagenta, 20%);
.element {
color: $telemagenta;
box-shadow: 0 0 0 2px rgba($telemagenta, 0.35);
}