Màu có tên gần nhất · #7E4B4D
#7E4B4D
Màu có tên gần nhất: Veil of Cinder
#7E4B4D (rgb(126 75 77), hsl(358 25% 39%), oklch(0.473 0.07 17.5)) gần nhất với màu có tên Veil of Cinder. 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.
#7E4B4D
oklch(0.473 0.07 17.5)
Chuyển đổi màu
- HEX
- #7e4b4d
- RGB
- rgb(126 75 77)
- HSL
- hsl(358 25% 39%)
- HWB
- hwb(358 29% 51%)
- OKLCH
- oklch(0.473 0.07 17.5)
- OKLab
- oklab(0.473 0.066 0.021)
- CIE Lab
- lab(38.09 22.39 8.52)
- LCH
- lch(38.09 23.96 20.8)
- CMYK
- cmyk(0% 40% 39% 51%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8B5C5D
- 986D6E
- A57E7F
- B28F90
- BFA1A2
- CCB4B4
- D8C6C6
- E5D9D9
- F2ECEC
Sắc đậm
- 6D4042
- 5C3537
- 4C2B2C
- 3C2122
- 2D1718
- 1F0E0F
- 110607
- 050202
- 010000
Sắc xám
- 7F5052
- 7F5657
- 805B5C
- 806061
- 816666
- 816B6B
- 817070
- 817676
- 807B7B
Hòa sắc
Bổ túc +180°
- 7E4B4D
Veil of Cinder
- 1F6769
≈ Dusky Alpine Blue
Tương đồng -30° +30°
- 7E4B4D
Veil of Cinder
- 784B63
≈ Fig Cluster
- 7C4F38
≈ Leather Satchel
Bộ ba +120° +240°
- 7E4B4D
Veil of Cinder
- 48653E
≈ Mountain Forest
- 425D82
≈ Atlantic Schooner
Bổ túc chia +150° +210°
- 7E4B4D
Veil of Cinder
- 2F6854
≈ Terrestrial
- 2A637A
≈ Denim Blue
Bộ bốn +90° +180° +270°
- 7E4B4D
Veil of Cinder
- 605E2D
≈ Costa Del Sol
- 1F6769
≈ Dusky Alpine Blue
- 595581
≈ Aurora Splendour
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.99:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 3.00:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 6.99:1 (AA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--veil-of-cinder: #7e4b4d;
--veil-of-cinder-rgb: 126 75 77;
--veil-of-cinder-oklch: oklch(0.473 0.07 17.5);
}
.element {
color: var(--veil-of-cinder);
background-color: hsl(358 25% 39%);
border-color: oklch(0.473 0.07 17.5);
}Tailwind CSS v4
@theme {
--color-veil-of-cinder: #7e4b4d;
--color-veil-of-cinder-50: #ffeeed;
--color-veil-of-cinder-100: #ffdfde;
--color-veil-of-cinder-200: #f1c9c8;
--color-veil-of-cinder-300: #d9aaa9;
--color-veil-of-cinder-400: #c48e8f;
--color-veil-of-cinder-500: #b07375;
--color-veil-of-cinder-600: #946263;
--color-veil-of-cinder-700: #774e4f;
--color-veil-of-cinder-800: #58383a;
--color-veil-of-cinder-900: #3e2728;
--color-veil-of-cinder-950: #271516;
}SCSS
$veil-of-cinder: #7e4b4d;
$veil-of-cinder-rgb: 126, 75, 77;
$veil-of-cinder-light: mix(#fff, $veil-of-cinder, 20%);
$veil-of-cinder-dark: mix(#000, $veil-of-cinder, 20%);
.element {
color: $veil-of-cinder;
box-shadow: 0 0 0 2px rgba($veil-of-cinder, 0.35);
}