Najbliższy nazwany kolor · #845D9A
#845D9A
Najbliższy nazwany kolor: Muted Purple
#845D9A (rgb(132 93 154), hsl(278 25% 48%), oklch(0.543 0.102 312.7)) jest najbliższy nazwanemu kolorowi Muted Purple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#845D9A
oklch(0.543 0.102 312.7)
Konwersje koloru
- HEX
- #845d9a
- RGB
- rgb(132 93 154)
- HSL
- hsl(278 25% 48%)
- HWB
- hwb(278 36% 40%)
- OKLCH
- oklch(0.543 0.102 312.7)
- OKLab
- oklab(0.543 0.069 -0.075)
- CIE Lab
- lab(45.55 25.14 -27.23)
- LCH
- lch(45.55 37.06 312.7)
- CMYK
- cmyk(14% 40% 0% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 906CA4
- 9C7CAE
- A88CB8
- B49CC2
- C0ACCD
- CCBCD7
- D9CDE1
- E6DDEB
- F2EEF5
Odcienie ciemniejsze
- 725085
- 604371
- 4F375E
- 3F2A4B
- 2F1F39
- 201427
- 120A17
- 060309
- 010001
Tony
- 846198
- 836595
- 836893
- 836C90
- 826F8E
- 82738B
- 817688
- 817986
- 817D83
Harmonie kolorów
Komplementarna +180°
- 845D9A
Muted Purple
- 587C3B
≈ Mangrove Leaf
Analogowa -30° +30°
- 845D9A
Muted Purple
- 6767A9
≈ Blue Iris
- 985680
≈ Feminism
Triada +120° +240°
- 845D9A
Muted Purple
- 93651F
≈ Tapenade
- 00807E
≈ Belly Flop
Komplementarna rozszczepiona +150° +210°
- 845D9A
Muted Purple
- 7B711D
≈ Wood Garlic
- 27825E
≈ Kākāriki Green
Tetrada +90° +180° +270°
- 845D9A
Muted Purple
- A15A3D
≈ Ground Nutmeg
- 587C3B
≈ Mangrove Leaf
- 007C9A
≈ Pacific Pleasure
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.23:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.01:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--muted-purple: #845d9a;
--muted-purple-rgb: 132 93 154;
--muted-purple-oklch: oklch(0.543 0.102 312.7);
}
.element {
color: var(--muted-purple);
background-color: hsl(278 25% 48%);
border-color: oklch(0.543 0.102 312.7);
}Tailwind CSS v4
@theme {
--color-muted-purple: #845d9a;
--color-muted-purple-50: #ffedff;
--color-muted-purple-100: #f5deff;
--color-muted-purple-200: #e5c8f3;
--color-muted-purple-300: #cba8dc;
--color-muted-purple-400: #b38dca;
--color-muted-purple-500: #9d71b6;
--color-muted-purple-600: #85609a;
--color-muted-purple-700: #6b4d7c;
--color-muted-purple-800: #4e385c;
--color-muted-purple-900: #362641;
--color-muted-purple-950: #211429;
}SCSS
$muted-purple: #845d9a;
$muted-purple-rgb: 132, 93, 154;
$muted-purple-light: mix(#fff, $muted-purple, 20%);
$muted-purple-dark: mix(#000, $muted-purple, 20%);
.element {
color: $muted-purple;
box-shadow: 0 0 0 2px rgba($muted-purple, 0.35);
}