Màu có tên gần nhất · #6E2FB7
#6E2FB7
Màu có tên gần nhất: Purple Emperor
#6E2FB7 (rgb(110 47 183), hsl(268 59% 45%), oklch(0.468 0.2 299.6)) gần nhất với màu có tên Purple Emperor. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#6E2FB7
oklch(0.468 0.2 299.6)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7B48C0
- 885EC8
- 9673D0
- A487D8
- B29BDF
- C1AFE6
- D0C3ED
- DFD7F3
- EFEBF9
Sắc đậm
- 5F279F
- 502087
- 411970
- 33125A
- 260C45
- 190631
- 0E031E
- 04010C
- 010002
Sắc xám
- 6F3BB2
- 7146AE
- 724FA9
- 7457A4
- 765F9E
- 786699
- 7A6D93
- 7C738D
- 7E7A87
Hòa sắc
Bổ túc +180°
- 6E2FB7
Purple Emperor
- 536300
≈ Serrano Pepper
Tương đồng -30° +30°
- 6E2FB7
Purple Emperor
- 3247C8
≈ New Car
- 92158E
≈ Acai Juice
Bộ ba +120° +240°
- 6E2FB7
Purple Emperor
- 864800
≈ Chocolate Pancakes
- 006A5C
≈ Fresh Ivy Green
Bổ túc chia +150° +210°
- 6E2FB7
Purple Emperor
- 6F5700
≈ Pickled Grape Leaves
- 006D2E
≈ Ireland Green
Bộ bốn +90° +180° +270°
- 6E2FB7
Purple Emperor
- AC0500
≈ Red Door
- 536300
≈ Serrano Pepper
- 006673
≈ Bankson Lake
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.62:1 · APCA Lc 86
Ag
FailTrên nền đen
WCAG 2.75:1 · APCA Lc 16
Màu chữ tốt nhất: #FFFFFF
WCAG 7.62:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
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);
}