Nazwany kolor · #9488BE
Magic Carpet
Magic Carpet to #9488BE: rgb(148 136 190), hsl(253 29% 64%), oklch(0.657 0.08 294.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Magic Carpet color name →
#9488BE
oklch(0.657 0.08 294.3)
Konwersje koloru
- HEX
- #9488be
- RGB
- rgb(148 136 190)
- HSL
- hsl(253 29% 64%)
- HWB
- hwb(253 53% 25%)
- OKLCH
- oklch(0.657 0.08 294.3)
- OKLab
- oklab(0.657 0.033 -0.073)
- CIE Lab
- lab(59.31 13.31 -26.71)
- LCH
- lch(59.31 29.85 296.5)
- CMYK
- cmyk(22% 28% 0% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9E94C5
- A89FCB
- B3ABD2
- BDB7D9
- C8C2DF
- D3CEE6
- DEDAEC
- E9E6F2
- F4F3F9
Odcienie ciemniejsze
- 8075A5
- 6D638C
- 5A5275
- 48415E
- 363148
- 262233
- 16131F
- 08060D
- 010102
Tony
- 9287B8
- 9087B2
- 8E86AB
- 8C85A5
- 8A849F
- 888499
- 868393
- 84828D
- 828186
Harmonie kolorów
Komplementarna +180°
- 9488BE
Magic Carpet
- 90975D
≈ Broad Bean
Analogowa -30° +30°
- 9488BE
Magic Carpet
- 7991C3
≈ Steel Blue Eyes
- AA81AD
≈ Heart Potion
Triada +120° +240°
- 9488BE
Magic Carpet
- B88462
≈ Cognac Brown
- 58A28E
≈ Jargon Jade
Komplementarna rozszczepiona +150° +210°
- 9488BE
Magic Carpet
- A88E56
≈ Dark Sand
- 739F72
≈ Growth
Tetrada +90° +180° +270°
- 9488BE
Magic Carpet
- BE7E79
≈ Brownish Pink
- 90975D
≈ Broad Bean
- 4EA0A8
≈ Basilica Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.21:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.52:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.52:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--magic-carpet: #9488be;
--magic-carpet-rgb: 148 136 190;
--magic-carpet-oklch: oklch(0.657 0.08 294.3);
}
.element {
color: var(--magic-carpet);
background-color: hsl(253 29% 64%);
border-color: oklch(0.657 0.08 294.3);
}Tailwind CSS v4
@theme {
--color-magic-carpet: #9488be;
--color-magic-carpet-50: #f7f1ff;
--color-magic-carpet-100: #eae3ff;
--color-magic-carpet-200: #d7cef3;
--color-magic-carpet-300: #bbb0dc;
--color-magic-carpet-400: #a196ca;
--color-magic-carpet-500: #897cb6;
--color-magic-carpet-600: #74699a;
--color-magic-carpet-700: #5d547b;
--color-magic-carpet-800: #433d5c;
--color-magic-carpet-900: #2e2a40;
--color-magic-carpet-950: #1b1829;
}SCSS
$magic-carpet: #9488be;
$magic-carpet-rgb: 148, 136, 190;
$magic-carpet-light: mix(#fff, $magic-carpet, 20%);
$magic-carpet-dark: mix(#000, $magic-carpet, 20%);
.element {
color: $magic-carpet;
box-shadow: 0 0 0 2px rgba($magic-carpet, 0.35);
}