Màu có tên gần nhất · #6E1D53
#6E1D53
Màu có tên gần nhất: Velvet
#6E1D53 (rgb(110 29 83), hsl(320 58% 27%), oklch(0.381 0.129 344.1)) 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.
#6E1D53
oklch(0.381 0.129 344.1)
Chuyển đổi màu
- HEX
- #6e1d53
- RGB
- rgb(110 29 83)
- HSL
- hsl(320 58% 27%)
- HWB
- hwb(320 11% 57%)
- OKLCH
- oklch(0.381 0.129 344.1)
- OKLab
- oklab(0.381 0.124 -0.035)
- CIE Lab
- lab(26.37 39.97 -12.74)
- LCH
- lch(26.37 41.95 342.3)
- CMYK
- cmyk(0% 74% 25% 57%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7E3563
- 8D4B73
- 9C6083
- AA7694
- B98CA5
- C7A2B7
- D5B9C8
- E3D0DA
- F1E7ED
Sắc đậm
- 5F1847
- 50133B
- 410E30
- 330925
- 26051B
- 190311
- 0E0108
- 040002
- 010000
Sắc xám
- 712957
- 74345C
- 763E60
- 794865
- 7B5269
- 7C5B6E
- 7E6472
- 7F6E77
- 80777B
Hòa sắc
Bổ túc +180°
- 6E1D53
Velvet
- 005037
≈ Chrysocolla Dark Green
Tương đồng -30° +30°
- 6E1D53
Velvet
- 5B2771
≈ Violethargic
- 78192D
≈ Jazzy Red
Bộ ba +120° +240°
Bổ túc chia +150° +210°
- 6E1D53
Velvet
- 284E00
≈ Patch of Land
- 004D4D
≈ Dark Teal
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.69:1 · APCA Lc 94
Ag
FailTrên nền đen
WCAG 1.96:1 · APCA Lc 9
Màu chữ tốt nhất: #FFFFFF
WCAG 10.69:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--velvet: #6e1d53;
--velvet-rgb: 110 29 83;
--velvet-oklch: oklch(0.381 0.129 344.1);
}
.element {
color: var(--velvet);
background-color: hsl(320 58% 27%);
border-color: oklch(0.381 0.129 344.1);
}Tailwind CSS v4
@theme {
--color-velvet: #6e1d53;
--color-velvet-50: #ffe7fd;
--color-velvet-100: #ffd7f1;
--color-velvet-200: #febfe0;
--color-velvet-300: #e89cc5;
--color-velvet-400: #d37eb1;
--color-velvet-500: #bf609b;
--color-velvet-600: #a25183;
--color-velvet-700: #824169;
--color-velvet-800: #602f4f;
--color-velvet-900: #432037;
--color-velvet-950: #2b0f22;
}SCSS
$velvet: #6e1d53;
$velvet-rgb: 110, 29, 83;
$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);
}