En yakın adlandırılmış renk · #6E2FB7
#6E2FB7
En yakın adlandırılmış renk: Purple Emperor
#6E2FB7 (rgb(110 47 183), hsl(268 59% 45%), oklch(0.468 0.2 299.6)) en çok Purple Emperor adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#6E2FB7
oklch(0.468 0.2 299.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7B48C0
- 885EC8
- 9673D0
- A487D8
- B29BDF
- C1AFE6
- D0C3ED
- DFD7F3
- EFEBF9
Koyu tonlar
- 5F279F
- 502087
- 411970
- 33125A
- 260C45
- 190631
- 0E031E
- 04010C
- 010002
Gri tonlar
- 6F3BB2
- 7146AE
- 724FA9
- 7457A4
- 765F9E
- 786699
- 7A6D93
- 7C738D
- 7E7A87
Renk uyumları
Tamamlayıcı +180°
- 6E2FB7
Purple Emperor
- 536300
≈ Serrano Pepper
Analog -30° +30°
- 6E2FB7
Purple Emperor
- 3247C8
≈ New Car
- 92158E
≈ Acai Juice
Üçlü +120° +240°
- 6E2FB7
Purple Emperor
- 864800
≈ Chocolate Pancakes
- 006A5C
≈ Fresh Ivy Green
Bölünmüş tamamlayıcı +150° +210°
- 6E2FB7
Purple Emperor
- 6F5700
≈ Pickled Grape Leaves
- 006D2E
≈ Ireland Green
Dörtlü +90° +180° +270°
- 6E2FB7
Purple Emperor
- AC0500
≈ Red Door
- 536300
≈ Serrano Pepper
- 006673
≈ Bankson Lake
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.62:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.75:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.62:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
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);
}