Najbliższy nazwany kolor · #6E62AB
#6E62AB
Najbliższy nazwany kolor: Scampi
#6E62AB (rgb(110 98 171), hsl(250 30% 53%), oklch(0.54 0.112 289.7)) jest najbliższy nazwanemu kolorowi Scampi. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#6E62AB
oklch(0.54 0.112 289.7)
Konwersje koloru
- HEX
- #6e62ab
- RGB
- rgb(110 98 171)
- HSL
- hsl(250 30% 53%)
- HWB
- hwb(250 38% 33%)
- OKLCH
- oklch(0.54 0.112 289.7)
- OKLab
- oklab(0.54 0.038 -0.106)
- CIE Lab
- lab(45.21 18.32 -37.97)
- LCH
- lch(45.21 42.16 295.8)
- CMYK
- cmyk(36% 43% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7B71B4
- 8880BD
- 9690C5
- A49FCE
- B3AFD6
- C2BFDF
- D1CEE7
- E0DEEF
- EFEFF7
Odcienie ciemniejsze
- 5F5494
- 50477E
- 413A68
- 332D54
- 262140
- 19162D
- 0E0B1B
- 04030B
- 010001
Tony
- 7065A7
- 7169A3
- 736C9F
- 746F9B
- 767297
- 787592
- 7A788E
- 7C7B89
- 7E7D85
Harmonie kolorów
Komplementarna +180°
- 6E62AB
Scampi
- 737411
≈ Spinach Soup
Analogowa -30° +30°
- 6E62AB
Scampi
- 466EAF
≈ New Age Blue
- 8B5897
≈ Purple Squid
Triada +120° +240°
- 6E62AB
Scampi
- A2592D
≈ Glazed Ginger
- 008265
≈ Shadows of Time
Komplementarna rozszczepiona +150° +210°
- 6E62AB
Scampi
- 916600
≈ Gamboge Brown
- 497E3C
≈ Guinean Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.25:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.99:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--scampi: #6e62ab;
--scampi-rgb: 110 98 171;
--scampi-oklch: oklch(0.54 0.112 289.7);
}
.element {
color: var(--scampi);
background-color: hsl(250 30% 53%);
border-color: oklch(0.54 0.112 289.7);
}Tailwind CSS v4
@theme {
--color-scampi: #6e62ab;
--color-scampi-50: #f5f0ff;
--color-scampi-100: #e8e2ff;
--color-scampi-200: #d4ccff;
--color-scampi-300: #b8aded;
--color-scampi-400: #9d93dc;
--color-scampi-500: #8578cb;
--color-scampi-600: #7166ab;
--color-scampi-700: #5a518a;
--color-scampi-800: #403b67;
--color-scampi-900: #2c2948;
--color-scampi-950: #1a162f;
}SCSS
$scampi: #6e62ab;
$scampi-rgb: 110, 98, 171;
$scampi-light: mix(#fff, $scampi, 20%);
$scampi-dark: mix(#000, $scampi, 20%);
.element {
color: $scampi;
box-shadow: 0 0 0 2px rgba($scampi, 0.35);
}