Màu có tên gần nhất · #7B0059
#7B0059
Màu có tên gần nhất: Velvet
#7B0059 (rgb(123 0 89), hsl(317 100% 24%), oklch(0.389 0.166 344.6)) gần nhất với màu có tên Velvet. 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.
#7B0059
oklch(0.389 0.166 344.6)
Chuyển đổi màu
- HEX
- #7b0059
- RGB
- rgb(123 0 89)
- HSL
- hsl(317 100% 24%)
- HWB
- hwb(317 0% 52%)
- OKLCH
- oklch(0.389 0.166 344.6)
- OKLab
- oklab(0.389 0.16 -0.044)
- CIE Lab
- lab(26.77 51.07 -15.82)
- LCH
- lch(26.77 53.47 342.8)
- CMYK
- cmyk(0% 100% 28% 52%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8A2868
- 994278
- A75A88
- B57198
- C288A9
- CF9FBA
- DCB7CB
- E8CFDC
- F4E7ED
Sắc đậm
- 6A004C
- 5A0040
- 4A0034
- 3A0028
- 2C001D
- 1E0013
- 100009
- 050003
- 010000
Sắc xám
- 7D1B5D
- 7F2A61
- 813765
- 824369
- 834E6D
- 835871
- 836275
- 836C78
- 82767C
Hòa sắc
Bổ túc +180°
- 7B0059
Velvet
- 005239
≈ Trapper Green
Tương đồng -30° +30°
- 7B0059
Velvet
- 641980
≈ Extraviolet
- 830029
≈ Oxblood
Bộ ba +120° +240°
- 7B0059
Velvet
- 4C4600
≈ Sugarloaf Brown
- 004C62
≈ Work Blue
Bổ túc chia +150° +210°
- 7B0059
Velvet
- 285100
≈ Patch of Land
- 00504F
≈ Wool Turquoise
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.57:1 · APCA Lc 92
Ag
FailTrên nền đen
WCAG 1.98:1 · APCA Lc 10
Màu chữ tốt nhất: #FFFFFF
WCAG 10.57:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--velvet: #7b0059;
--velvet-rgb: 123 0 89;
--velvet-oklch: oklch(0.389 0.166 344.6);
}
.element {
color: var(--velvet);
background-color: hsl(317 100% 24%);
border-color: oklch(0.389 0.166 344.6);
}Tailwind CSS v4
@theme {
--color-velvet: #7b0059;
--color-velvet-50: #ffe3ff;
--color-velvet-100: #ffd2f3;
--color-velvet-200: #ffb7e3;
--color-velvet-300: #f493c8;
--color-velvet-400: #e172b5;
--color-velvet-500: #ce4fa0;
--color-velvet-600: #ae4487;
--color-velvet-700: #8c366c;
--color-velvet-800: #672652;
--color-velvet-900: #491a39;
--color-velvet-950: #2f0923;
}SCSS
$velvet: #7b0059;
$velvet-rgb: 123, 0, 89;
$velvet-light: mix(#fff, $velvet, 20%);
$velvet-dark: mix(#000, $velvet, 20%);
.element {
color: $velvet;
box-shadow: 0 0 0 2px rgba($velvet, 0.35);
}