Najbliższy nazwany kolor · #845E91
#845E91
Najbliższy nazwany kolor: Muted Purple
#845E91 (rgb(132 94 145), hsl(285 21% 47%), oklch(0.541 0.089 317.3)) jest najbliższy nazwanemu kolorowi Muted Purple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#845E91
oklch(0.541 0.089 317.3)
Konwersje koloru
- HEX
- #845e91
- RGB
- rgb(132 94 145)
- HSL
- hsl(285 21% 47%)
- HWB
- hwb(285 37% 43%)
- OKLCH
- oklch(0.541 0.089 317.3)
- OKLab
- oklab(0.541 0.065 -0.06)
- CIE Lab
- lab(45.46 23.06 -22.03)
- LCH
- lch(45.46 31.89 316.3)
- CMYK
- cmyk(9% 35% 0% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 906D9C
- 9C7DA7
- A88CB2
- B49CBC
- C0ACC7
- CDBCD2
- D9CDDE
- E6DDE9
- F2EEF4
Odcienie ciemniejsze
- 72517D
- 60446A
- 4F3758
- 3F2B46
- 2F1F35
- 201425
- 120A15
- 060307
- 010001
Tony
- 846290
- 83658E
- 83698C
- 836C8B
- 827089
- 827387
- 827686
- 817A84
- 817D82
Harmonie kolorów
Komplementarna +180°
- 845E91
Muted Purple
- 557B46
≈ Autumn Fern
Analogowa -30° +30°
- 845E91
Muted Purple
- 6C66A0
≈ Inner Journey
- 955979
≈ Immortality
Triada +120° +240°
- 845E91
Muted Purple
- 8C682C
≈ Tapenade
- 0F7E81
≈ Macquarie
Komplementarna rozszczepiona +150° +210°
- 845E91
Muted Purple
- 75722F
≈ Olivetone
- 307F64
≈ Trans Tasman
Tetrada +90° +180° +270°
- 845E91
Muted Purple
- 995E40
≈ Harrison Rust
- 557B46
≈ Autumn Fern
- 287997
≈ Turkish Stone
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.26:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.99:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--muted-purple: #845e91;
--muted-purple-rgb: 132 94 145;
--muted-purple-oklch: oklch(0.541 0.089 317.3);
}
.element {
color: var(--muted-purple);
background-color: hsl(285 21% 47%);
border-color: oklch(0.541 0.089 317.3);
}Tailwind CSS v4
@theme {
--color-muted-purple: #845e91;
--color-muted-purple-50: #ffeeff;
--color-muted-purple-100: #f5dffb;
--color-muted-purple-200: #e5c9ed;
--color-muted-purple-300: #cca9d5;
--color-muted-purple-400: #b48ec1;
--color-muted-purple-500: #9e73ad;
--color-muted-purple-600: #866292;
--color-muted-purple-700: #6b4e75;
--color-muted-purple-800: #4e3957;
--color-muted-purple-900: #36273d;
--color-muted-purple-950: #211527;
}SCSS
$muted-purple: #845e91;
$muted-purple-rgb: 132, 94, 145;
$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);
}