Colore con nome più vicino · #923388
#923388
Colore con nome più vicino: Purple Excellency
#923388 (rgb(146 51 136), hsl(306 48% 39%), oklch(0.489 0.163 332.2)) è più vicino al colore con nome Purple Excellency. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#923388
oklch(0.489 0.163 332.2)
Conversioni di colore
- HEX
- #923388
- RGB
- rgb(146 51 136)
- HSL
- hsl(306 48% 39%)
- HWB
- hwb(306 20% 43%)
- OKLCH
- oklch(0.489 0.163 332.2)
- OKLab
- oklab(0.489 0.144 -0.076)
- CIE Lab
- lab(38.31 48.09 -27.44)
- LCH
- lch(38.31 55.37 330.3)
- CMYK
- cmyk(0% 65% 7% 43%)
Tinte · Ombre · Toni
Tinte
- 9E4994
- AA5EA0
- B572AB
- C186B7
- CB99C3
- D6ADCF
- E1C2DB
- EBD6E7
- F5EAF3
Ombre
- 7E2B75
- 6B2363
- 581C52
- 461441
- 350D31
- 250722
- 160313
- 080106
- 010001
Toni
- 913D88
- 904687
- 8F4F86
- 8E5686
- 8C5E85
- 8A6584
- 886C83
- 867382
- 837981
Armonie di colore
Complementare +180°
- 923388
Purple Excellency
- 007439
≈ Hawaiian Ti Leaf
Analogo -30° +30°
- 923388
Purple Excellency
- 7342AB
≈ Shiner
- A52959
≈ Parlour Red
Triadico +120° +240°
- 923388
Purple Excellency
- 745E00
≈ Hot Mustard
- 006D7C
≈ Coastal Jetty
Complementare divisa +150° +210°
- 923388
Purple Excellency
- 556A00
≈ Serrano Pepper
- 007064
≈ Falcon Turquoise
Tetradico +90° +180° +270°
- 923388
Purple Excellency
- 8C4F00
≈ Plain Old Brown
- 007439
≈ Hawaiian Ti Leaf
- 00669C
≈ Impulse Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.88:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.05:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.88:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--purple-excellency: #923388;
--purple-excellency-rgb: 146 51 136;
--purple-excellency-oklch: oklch(0.489 0.163 332.2);
}
.element {
color: var(--purple-excellency);
background-color: hsl(306 48% 39%);
border-color: oklch(0.489 0.163 332.2);
}Tailwind CSS v4
@theme {
--color-purple-excellency: #923388;
--color-purple-excellency-50: #ffe4ff;
--color-purple-excellency-100: #ffd4ff;
--color-purple-excellency-200: #ffbaf1;
--color-purple-excellency-300: #ea97da;
--color-purple-excellency-400: #d577c9;
--color-purple-excellency-500: #c155b5;
--color-purple-excellency-600: #a34999;
--color-purple-excellency-700: #833a7b;
--color-purple-excellency-800: #602a5d;
--color-purple-excellency-900: #441c41;
--color-purple-excellency-950: #2b0c29;
}SCSS
$purple-excellency: #923388;
$purple-excellency-rgb: 146, 51, 136;
$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);
}