Najbliższy nazwany kolor · #923388
#923388
Najbliższy nazwany kolor: Purple Excellency
#923388 (rgb(146 51 136), hsl(306 48% 39%), oklch(0.489 0.163 332.2)) jest najbliższy nazwanemu kolorowi Purple Excellency. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#923388
oklch(0.489 0.163 332.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9E4994
- AA5EA0
- B572AB
- C186B7
- CB99C3
- D6ADCF
- E1C2DB
- EBD6E7
- F5EAF3
Odcienie ciemniejsze
- 7E2B75
- 6B2363
- 581C52
- 461441
- 350D31
- 250722
- 160313
- 080106
- 010001
Tony
- 913D88
- 904687
- 8F4F86
- 8E5686
- 8C5E85
- 8A6584
- 886C83
- 867382
- 837981
Harmonie kolorów
Komplementarna +180°
- 923388
Purple Excellency
- 007439
≈ Hawaiian Ti Leaf
Analogowa -30° +30°
- 923388
Purple Excellency
- 7342AB
≈ Shiner
- A52959
≈ Parlour Red
Triada +120° +240°
- 923388
Purple Excellency
- 745E00
≈ Hot Mustard
- 006D7C
≈ Coastal Jetty
Komplementarna rozszczepiona +150° +210°
- 923388
Purple Excellency
- 556A00
≈ Serrano Pepper
- 007064
≈ Falcon Turquoise
Tetrada +90° +180° +270°
- 923388
Purple Excellency
- 8C4F00
≈ Plain Old Brown
- 007439
≈ Hawaiian Ti Leaf
- 00669C
≈ Impulse Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.88:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.05:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.88:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
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);
}