Najbliższy nazwany kolor · #6E2FB7
#6E2FB7
Najbliższy nazwany kolor: Purple Emperor
#6E2FB7 (rgb(110 47 183), hsl(268 59% 45%), oklch(0.468 0.2 299.6)) jest najbliższy nazwanemu kolorowi Purple Emperor. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#6E2FB7
oklch(0.468 0.2 299.6)
Konwersje koloru
- HEX
- #6e2fb7
- RGB
- rgb(110 47 183)
- HSL
- hsl(268 59% 45%)
- HWB
- hwb(268 18% 28%)
- OKLCH
- oklch(0.468 0.2 299.6)
- OKLab
- oklab(0.468 0.099 -0.174)
- CIE Lab
- lab(34.76 48.13 -61.76)
- LCH
- lch(34.76 78.3 307.9)
- CMYK
- cmyk(40% 74% 0% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7B48C0
- 885EC8
- 9673D0
- A487D8
- B29BDF
- C1AFE6
- D0C3ED
- DFD7F3
- EFEBF9
Odcienie ciemniejsze
- 5F279F
- 502087
- 411970
- 33125A
- 260C45
- 190631
- 0E031E
- 04010C
- 010002
Tony
- 6F3BB2
- 7146AE
- 724FA9
- 7457A4
- 765F9E
- 786699
- 7A6D93
- 7C738D
- 7E7A87
Harmonie kolorów
Komplementarna +180°
- 6E2FB7
Purple Emperor
- 536300
≈ Serrano Pepper
Analogowa -30° +30°
- 6E2FB7
Purple Emperor
- 3247C8
≈ New Car
- 92158E
≈ Acai Juice
Triada +120° +240°
- 6E2FB7
Purple Emperor
- 864800
≈ Chocolate Pancakes
- 006A5C
≈ Fresh Ivy Green
Komplementarna rozszczepiona +150° +210°
- 6E2FB7
Purple Emperor
- 6F5700
≈ Pickled Grape Leaves
- 006D2E
≈ Ireland Green
Tetrada +90° +180° +270°
- 6E2FB7
Purple Emperor
- AC0500
≈ Red Door
- 536300
≈ Serrano Pepper
- 006673
≈ Bankson Lake
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.62:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.75:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.62:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--purple-emperor: #6e2fb7;
--purple-emperor-rgb: 110 47 183;
--purple-emperor-oklch: oklch(0.468 0.2 299.6);
}
.element {
color: var(--purple-emperor);
background-color: hsl(268 59% 45%);
border-color: oklch(0.468 0.2 299.6);
}Tailwind CSS v4
@theme {
--color-purple-emperor: #6e2fb7;
--color-purple-emperor-50: #ffe8ff;
--color-purple-emperor-100: #f4d9ff;
--color-purple-emperor-200: #e3c0ff;
--color-purple-emperor-300: #ca9dff;
--color-purple-emperor-400: #b17dff;
--color-purple-emperor-500: #9c5bf4;
--color-purple-emperor-600: #844ece;
--color-purple-emperor-700: #6a3ea6;
--color-purple-emperor-800: #4c2d7d;
--color-purple-emperor-900: #351f58;
--color-purple-emperor-950: #200d3c;
}SCSS
$purple-emperor: #6e2fb7;
$purple-emperor-rgb: 110, 47, 183;
$purple-emperor-light: mix(#fff, $purple-emperor, 20%);
$purple-emperor-dark: mix(#000, $purple-emperor, 20%);
.element {
color: $purple-emperor;
box-shadow: 0 0 0 2px rgba($purple-emperor, 0.35);
}