Najbliższy nazwany kolor · #997EE4
#997EE4
Najbliższy nazwany kolor: Matt Purple
#997EE4 (rgb(153 126 228), hsl(256 65% 69%), oklch(0.662 0.149 294.1)) jest najbliższy nazwanemu kolorowi Matt Purple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#997EE4
oklch(0.662 0.149 294.1)
Konwersje koloru
- HEX
- #997ee4
- RGB
- rgb(153 126 228)
- HSL
- hsl(256 65% 69%)
- HWB
- hwb(256 49% 11%)
- OKLCH
- oklch(0.662 0.149 294.1)
- OKLab
- oklab(0.662 0.061 -0.136)
- CIE Lab
- lab(58.74 27.67 -48.83)
- LCH
- lch(58.74 56.13 299.5)
- CMYK
- cmyk(33% 45% 0% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A28BE8
- AC98EB
- B6A5EE
- C0B2F1
- CABFF4
- D4CCF7
- DFD8F9
- E9E5FB
- F4F2FD
Odcienie ciemniejsze
- 846DC6
- 705CA9
- 5D4C8D
- 4A3C72
- 382D58
- 271F3F
- 171128
- 080512
- 010103
Tony
- 967FDA
- 9380D0
- 9180C6
- 8E81BC
- 8C81B2
- 8981A9
- 87819F
- 848194
- 82808A
Harmonie kolorów
Komplementarna +180°
- 997EE4
Matt Purple
- 929C00
≈ Pea Soup
Analogowa -30° +30°
- 997EE4
Matt Purple
- 638FED
≈ Guilliman Blue
- BF70C6
≈ Lavendless
Triada +120° +240°
- 997EE4
Matt Purple
- D77628
≈ Bitter Orange
- 00AB8D
≈ Arcadia
Komplementarna rozszczepiona +150° +210°
- 997EE4
Matt Purple
- BA8A00
≈ Kenyan Sand
- 51AA54
≈ Harā Green
Tetrada +90° +180° +270°
- 997EE4
Matt Purple
- DF6964
≈ Calypso Red
- 929C00
≈ Pea Soup
- 00A6B3
≈ Exotic Sea
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.25:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.45:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.45:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--matt-purple: #997ee4;
--matt-purple-rgb: 153 126 228;
--matt-purple-oklch: oklch(0.662 0.149 294.1);
}
.element {
color: var(--matt-purple);
background-color: hsl(256 65% 69%);
border-color: oklch(0.662 0.149 294.1);
}Tailwind CSS v4
@theme {
--color-matt-purple: #997ee4;
--color-matt-purple-50: #f8edff;
--color-matt-purple-100: #ecdeff;
--color-matt-purple-200: #dac8ff;
--color-matt-purple-300: #bea7fb;
--color-matt-purple-400: #a48bed;
--color-matt-purple-500: #8e6ede;
--color-matt-purple-600: #785ebb;
--color-matt-purple-700: #604b96;
--color-matt-purple-800: #443771;
--color-matt-purple-900: #2f2550;
--color-matt-purple-950: #1c1335;
}SCSS
$matt-purple: #997ee4;
$matt-purple-rgb: 153, 126, 228;
$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);
}