Màu có tên gần nhất · #72165E
#72165E
Màu có tên gần nhất: Velvet
#72165E (rgb(114 22 94), hsl(313 68% 27%), oklch(0.387 0.147 338.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.
#72165E
oklch(0.387 0.147 338.6)
Chuyển đổi màu
- HEX
- #72165e
- RGB
- rgb(114 22 94)
- HSL
- hsl(313 68% 27%)
- HWB
- hwb(313 9% 55%)
- OKLCH
- oklch(0.387 0.147 338.6)
- OKLab
- oklab(0.387 0.137 -0.054)
- CIE Lab
- lab(26.73 44.7 -19.37)
- LCH
- lch(26.73 48.71 336.6)
- CMYK
- cmyk(0% 81% 18% 55%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 81316D
- 90487D
- 9F5E8C
- AD759C
- BB8BAC
- C9A1BC
- D7B8CD
- E5D0DD
- F2E7EE
Sắc đậm
- 621251
- 530D44
- 440937
- 36062B
- 28031F
- 1B0214
- 0E010A
- 040003
- 010000
Sắc xám
- 752562
- 773165
- 793C69
- 7B476C
- 7D5170
- 7E5A73
- 7F6476
- 806D7A
- 80777D
Hòa sắc
Bổ túc +180°
- 72165E
Velvet
- 005232
≈ Card Table Green
Tương đồng -30° +30°
- 72165E
Velvet
- 5B247F
≈ Purplex
- 7F0A34
≈ Inescapable Lover
Bộ ba +120° +240°
- 72165E
Velvet
- 4F4400
≈ Roman Bronze
- 004D5D
≈ Teal Dark Blue
Bổ túc chia +150° +210°
- 72165E
Velvet
- 334E00
≈ Godzilla
- 004F4B
≈ Action Green
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.54:1 · APCA Lc 93
Ag
FailTrên nền đen
WCAG 1.99:1 · APCA Lc 9
Màu chữ tốt nhất: #FFFFFF
WCAG 10.54:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--velvet: #72165e;
--velvet-rgb: 114 22 94;
--velvet-oklch: oklch(0.387 0.147 338.6);
}
.element {
color: var(--velvet);
background-color: hsl(313 68% 27%);
border-color: oklch(0.387 0.147 338.6);
}Tailwind CSS v4
@theme {
--color-velvet: #72165e;
--color-velvet-50: #ffe5ff;
--color-velvet-100: #ffd5f7;
--color-velvet-200: #ffbce7;
--color-velvet-300: #ea99ce;
--color-velvet-400: #d67abc;
--color-velvet-500: #c259a7;
--color-velvet-600: #a44c8d;
--color-velvet-700: #843d71;
--color-velvet-800: #612c55;
--color-velvet-900: #441d3b;
--color-velvet-950: #2c0d25;
}SCSS
$velvet: #72165e;
$velvet-rgb: 114, 22, 94;
$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);
}