Najbliższy nazwany kolor · #936BE6
#936BE6
Najbliższy nazwany kolor: Matt Purple
#936BE6 (rgb(147 107 230), hsl(260 71% 66%), oklch(0.625 0.18 295.8)) jest najbliższy nazwanemu kolorowi Matt Purple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#936BE6
oklch(0.625 0.18 295.8)
Konwersje koloru
- HEX
- #936be6
- RGB
- rgb(147 107 230)
- HSL
- hsl(260 71% 66%)
- HWB
- hwb(260 42% 10%)
- OKLCH
- oklch(0.625 0.18 295.8)
- OKLab
- oklab(0.625 0.078 -0.162)
- CIE Lab
- lab(53.84 36.64 -57.75)
- LCH
- lch(53.84 68.4 302.4)
- CMYK
- cmyk(36% 53% 0% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9D7BEA
- A78AED
- B199F0
- BBA8F3
- C6B6F6
- D1C5F8
- DCD3FA
- E8E2FC
- F3F0FE
Odcienie ciemniejsze
- 7F5CC8
- 6C4EAB
- 593F8E
- 473273
- 362559
- 251840
- 160D28
- 080413
- 010003
Tony
- 916EDC
- 8E71D2
- 8C74C8
- 8A77BE
- 8879B4
- 877BAA
- 857CA0
- 837E95
- 817F8B
Harmonie kolorów
Komplementarna +180°
- 936BE6
Matt Purple
- 859100
≈ Foggy Bog
Analogowa -30° +30°
- 936BE6
Matt Purple
- 537FF3
≈ Flickery C64
- BC5AC1
≈ Fuchsia Tint
Triada +120° +240°
- 936BE6
Matt Purple
- CB6A00
≈ Sludge
- 009E85
≈ Reptilian Green
Komplementarna rozszczepiona +150° +210°
- 936BE6
Matt Purple
- AA8100
≈ Brazen
- 21A23B
≈ Poetic Green
Tetrada +90° +180° +270°
- 936BE6
Matt Purple
- DF504B
≈ Blossoming Dynasty
- 859100
≈ Foggy Bog
- 009AA7
≈ Turkish Boy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.82:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.48:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.48:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--matt-purple: #936be6;
--matt-purple-rgb: 147 107 230;
--matt-purple-oklch: oklch(0.625 0.18 295.8);
}
.element {
color: var(--matt-purple);
background-color: hsl(260 71% 66%);
border-color: oklch(0.625 0.18 295.8);
}Tailwind CSS v4
@theme {
--color-matt-purple: #936be6;
--color-matt-purple-50: #fbebff;
--color-matt-purple-100: #eedcff;
--color-matt-purple-200: #ddc4ff;
--color-matt-purple-300: #c3a2ff;
--color-matt-purple-400: #a985fb;
--color-matt-purple-500: #9365ed;
--color-matt-purple-600: #7c56c8;
--color-matt-purple-700: #6345a1;
--color-matt-purple-800: #473279;
--color-matt-purple-900: #312256;
--color-matt-purple-950: #1e103a;
}SCSS
$matt-purple: #936be6;
$matt-purple-rgb: 147, 107, 230;
$matt-purple-light: mix(#fff, $matt-purple, 20%);
$matt-purple-dark: mix(#000, $matt-purple, 20%);
.element {
color: $matt-purple;
box-shadow: 0 0 0 2px rgba($matt-purple, 0.35);
}