Color con nombre · #943589
Purple Excellency
Purple Excellency es #943589: rgb(148 53 137), hsl(307 47% 39%), oklch(0.495 0.162 332.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Purple Excellency color name →
#943589
oklch(0.495 0.162 332.6)
Conversiones de color
- HEX
- #943589
- RGB
- rgb(148 53 137)
- HSL
- hsl(307 47% 39%)
- HWB
- hwb(307 21% 42%)
- OKLCH
- oklch(0.495 0.162 332.6)
- OKLab
- oklab(0.495 0.144 -0.075)
- CIE Lab
- lab(39 47.97 -26.94)
- LCH
- lch(39 55.02 330.7)
- CMYK
- cmyk(0% 64% 7% 42%)
Tintes · Sombras · Tonos
Tintes
- A04B95
- AB5FA0
- B773AC
- C287B8
- CD9AC4
- D7AED0
- E1C2DB
- EBD6E7
- F5EBF3
Sombras
- 802D76
- 6D2564
- 5A1D53
- 481542
- 360E31
- 260822
- 160314
- 080107
- 010001
Tonos
- 933F88
- 924888
- 905087
- 8F5886
- 8D5F86
- 8B6685
- 896D84
- 867382
- 837A81
Armonías de color
Complementario +180°
- 943589
Purple Excellency
- 00763C
≈ Succulents
Análogo -30° +30°
- 943589
Purple Excellency
- 7544AC
≈ Shiner
- A62B5A
≈ Vivacious
Triádico +120° +240°
- 943589
Purple Excellency
- 765F00
≈ Spicy Mustard
- 006E7F
≈ Coastal Jetty
Complementario dividido +150° +210°
- 943589
Purple Excellency
- 566C00
≈ Over the Hills
- 007266
≈ Pharaoh’s Gem
Tetrádico +90° +180° +270°
- 943589
Purple Excellency
- 8E5100
≈ Plain Old Brown
- 00763C
≈ Succulents
- 00689F
≈ LED Blue
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.71:1 · APCA Lc 82
Ag
FailSobre negro
WCAG 3.12:1 · APCA Lc 20
Mejor color de texto: #FFFFFF
WCAG 6.71:1 (AA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--purple-excellency: #943589;
--purple-excellency-rgb: 148 53 137;
--purple-excellency-oklch: oklch(0.495 0.162 332.6);
}
.element {
color: var(--purple-excellency);
background-color: hsl(307 47% 39%);
border-color: oklch(0.495 0.162 332.6);
}Tailwind CSS v4
@theme {
--color-purple-excellency: #943589;
--color-purple-excellency-50: #ffe4ff;
--color-purple-excellency-100: #ffd4fe;
--color-purple-excellency-200: #ffbaf0;
--color-purple-excellency-300: #ea97d9;
--color-purple-excellency-400: #d577c8;
--color-purple-excellency-500: #c255b4;
--color-purple-excellency-600: #a44998;
--color-purple-excellency-700: #833a7a;
--color-purple-excellency-800: #612a5c;
--color-purple-excellency-900: #441c40;
--color-purple-excellency-950: #2b0c29;
}SCSS
$purple-excellency: #943589;
$purple-excellency-rgb: 148, 53, 137;
$purple-excellency-light: mix(#fff, $purple-excellency, 20%);
$purple-excellency-dark: mix(#000, $purple-excellency, 20%);
.element {
color: $purple-excellency;
box-shadow: 0 0 0 2px rgba($purple-excellency, 0.35);
}