Màu có tên gần nhất · #680087
#680087
Màu có tên gần nhất: Extraviolet
#680087 (rgb(104 0 135), hsl(286 100% 26%), oklch(0.387 0.19 315.1)) gần nhất với màu có tên Extraviolet. 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.
#680087
oklch(0.387 0.19 315.1)
Chuyển đổi màu
- HEX
- #680087
- RGB
- rgb(104 0 135)
- HSL
- hsl(286 100% 26%)
- HWB
- hwb(286 0% 47%)
- OKLCH
- oklch(0.387 0.19 315.1)
- OKLab
- oklab(0.387 0.135 -0.134)
- CIE Lab
- lab(25.41 52.47 -47.87)
- LCH
- lch(25.41 71.02 317.6)
- CMYK
- cmyk(23% 100% 0% 47%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 772B94
- 8645A0
- 955DAD
- A474B9
- B38AC5
- C2A1D1
- D1B8DD
- E0D0E8
- F0E7F4
Sắc đậm
- 590075
- 4B0063
- 3E0051
- 300041
- 240031
- 180021
- 0C0013
- 040006
- 000001
Sắc xám
- 6B1D87
- 6E2D87
- 713A87
- 734587
- 765086
- 785A86
- 7A6485
- 7C6D83
- 7E7782
Hòa sắc
Bổ túc +180°
- 680087
Extraviolet
- 265000
≈ Patch of Land
Tương đồng -30° +30°
- 680087
Extraviolet
- 4221A2
≈ Galactic Purple
- 7A0057
≈ Velvet
Bộ ba +120° +240°
- 680087
Extraviolet
- 5D3D00
≈ Hippogriff Brown
- 004F4F
≈ Antique Turquoise
Bổ túc chia +150° +210°
- 680087
Extraviolet
- 4B4600
≈ Alligator Gladiator
- 005139
≈ Trapper Green
Bộ bốn +90° +180° +270°
- 680087
Extraviolet
- 722B00
≈ Chestnut
- 265000
≈ Patch of Land
- 004C61
≈ Raging Thunderstorm
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.83:1 · APCA Lc 93
Ag
FailTrên nền đen
WCAG 1.93:1 · APCA Lc 9
Màu chữ tốt nhất: #FFFFFF
WCAG 10.83:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--extraviolet: #680087;
--extraviolet-rgb: 104 0 135;
--extraviolet-oklch: oklch(0.387 0.19 315.1);
}
.element {
color: var(--extraviolet);
background-color: hsl(286 100% 26%);
border-color: oklch(0.387 0.19 315.1);
}Tailwind CSS v4
@theme {
--color-extraviolet: #680087;
--color-extraviolet-50: #ffe5ff;
--color-extraviolet-100: #ffd5ff;
--color-extraviolet-200: #f5bbff;
--color-extraviolet-300: #de97f7;
--color-extraviolet-400: #c876ea;
--color-extraviolet-500: #b453da;
--color-extraviolet-600: #9847b8;
--color-extraviolet-700: #7a3994;
--color-extraviolet-800: #592970;
--color-extraviolet-900: #3e1c4f;
--color-extraviolet-950: #270b34;
}SCSS
$extraviolet: #680087;
$extraviolet-rgb: 104, 0, 135;
$extraviolet-light: mix(#fff, $extraviolet, 20%);
$extraviolet-dark: mix(#000, $extraviolet, 20%);
.element {
color: $extraviolet;
box-shadow: 0 0 0 2px rgba($extraviolet, 0.35);
}