Màu có tên gần nhất · #7670A8
#7670A8
Màu có tên gần nhất: Scampi
#7670A8 (rgb(118 112 168), hsl(246 24% 55%), oklch(0.573 0.085 288.3)) gần nhất với màu có tên Scampi. 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.
#7670A8
oklch(0.573 0.085 288.3)
Chuyển đổi màu
- HEX
- #7670a8
- RGB
- rgb(118 112 168)
- HSL
- hsl(246 24% 55%)
- HWB
- hwb(246 44% 34%)
- OKLCH
- oklch(0.573 0.085 288.3)
- OKLab
- oklab(0.573 0.027 -0.081)
- CIE Lab
- lab(49.52 12.28 -29.44)
- LCH
- lch(49.52 31.9 292.6)
- CMYK
- cmyk(30% 33% 0% 34%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 837EB1
- 8F8BBA
- 9D99C3
- AAA7CB
- B8B6D4
- C5C4DD
- D4D3E5
- E2E1EE
- F0F0F6
Sắc đậm
- 666092
- 56517C
- 474367
- 383552
- 29273F
- 1C1A2C
- 0F0E1A
- 05040A
- 010101
Sắc xám
- 7772A4
- 7874A0
- 79759D
- 7A7799
- 7B7995
- 7C7A91
- 7D7C8D
- 7E7D88
- 7F7F84
Hòa sắc
Bổ túc +180°
- 7670A8
Scampi
- 7D7C3D
≈ Evening Green
Tương đồng -30° +30°
- 7670A8
Scampi
- 5979AB
≈ Endless River
- 8E6899
≈ Viola Grey
Bộ ba +120° +240°
- 7670A8
Scampi
- A1684A
≈ Foxfire Brown
- 3D896F
≈ Ionian
Bổ túc chia +150° +210°
- 7670A8
Scampi
- 94723A
≈ Sconce Gold
- 5F8452
≈ Magic Sage
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.51:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.65:1 · APCA Lc 30
Màu chữ tốt nhất: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Đoạn mã
CSS
:root {
--scampi: #7670a8;
--scampi-rgb: 118 112 168;
--scampi-oklch: oklch(0.573 0.085 288.3);
}
.element {
color: var(--scampi);
background-color: hsl(246 24% 55%);
border-color: oklch(0.573 0.085 288.3);
}Tailwind CSS v4
@theme {
--color-scampi: #7670a8;
--color-scampi-50: #f4f2ff;
--color-scampi-100: #e7e4ff;
--color-scampi-200: #d3cff7;
--color-scampi-300: #b6b0e1;
--color-scampi-400: #9c97ce;
--color-scampi-500: #847dbc;
--color-scampi-600: #6f6a9e;
--color-scampi-700: #59547f;
--color-scampi-800: #403e5f;
--color-scampi-900: #2c2b42;
--color-scampi-950: #19182b;
}SCSS
$scampi: #7670a8;
$scampi-rgb: 118, 112, 168;
$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);
}