Najbliższy nazwany kolor · #7E628D
#7E628D
Najbliższy nazwany kolor: Muted Purple
#7E628D (rgb(126 98 141), hsl(279 18% 47%), oklch(0.54 0.073 313.5)) jest najbliższy nazwanemu kolorowi Muted Purple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#7E628D
oklch(0.54 0.073 313.5)
Konwersje koloru
- HEX
- #7e628d
- RGB
- rgb(126 98 141)
- HSL
- hsl(279 18% 47%)
- HWB
- hwb(279 38% 45%)
- OKLCH
- oklch(0.54 0.073 313.5)
- OKLab
- oklab(0.54 0.05 -0.053)
- CIE Lab
- lab(45.65 17.95 -19.43)
- LCH
- lch(45.65 26.45 312.7)
- CMYK
- cmyk(11% 30% 0% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8A7198
- 9780A3
- A38FAE
- B09EBA
- BDAEC5
- CABED1
- D7CEDC
- E4DEE8
- F1EEF3
Odcienie ciemniejsze
- 6D547A
- 5C4767
- 4C3A55
- 3C2D44
- 2D2133
- 1F1623
- 110B14
- 050307
- 010001
Tony
- 7E658C
- 7F688B
- 7F6B89
- 7F6E88
- 7F7187
- 7F7486
- 807784
- 807A83
- 807D81
Harmonie kolorów
Komplementarna +180°
- 7E628D
Muted Purple
- 5D784C
≈ Jolly Green
Analogowa -30° +30°
- 7E628D
Muted Purple
- 696998
≈ Dark Horizon
- 8D5D7A
≈ Grape Nectar
Triada +120° +240°
- 7E628D
Muted Purple
- 88683C
≈ Shaker Peg
- 317C7B
≈ Zirconia Teal
Komplementarna rozszczepiona +150° +210°
- 7E628D
Muted Purple
- 76713C
≈ Relentless Olive
- 437C63
≈ Leaping Lizard
Tetrada +90° +180° +270°
- 7E628D
Muted Purple
- 93614C
≈ Weathered Leather
- 5D784C
≈ Jolly Green
- 39788E
≈ Adventure
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.22:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.01:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--muted-purple: #7e628d;
--muted-purple-rgb: 126 98 141;
--muted-purple-oklch: oklch(0.54 0.073 313.5);
}
.element {
color: var(--muted-purple);
background-color: hsl(279 18% 47%);
border-color: oklch(0.54 0.073 313.5);
}Tailwind CSS v4
@theme {
--color-muted-purple: #7e628d;
--color-muted-purple-50: #fdefff;
--color-muted-purple-100: #f2e1f9;
--color-muted-purple-200: #e1cbea;
--color-muted-purple-300: #c6add1;
--color-muted-purple-400: #ae92bd;
--color-muted-purple-500: #9878a9;
--color-muted-purple-600: #80668f;
--color-muted-purple-700: #675172;
--color-muted-purple-800: #4b3b55;
--color-muted-purple-900: #34293b;
--color-muted-purple-950: #1f1625;
}SCSS
$muted-purple: #7e628d;
$muted-purple-rgb: 126, 98, 141;
$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);
}