Màu có tên gần nhất · #864F55
#864F55
Màu có tên gần nhất: Red Elegance
#864F55 (rgb(134 79 85), hsl(353 26% 42%), oklch(0.493 0.074 13.1)) gần nhất với màu có tên Red Elegance. 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.
#864F55
oklch(0.493 0.074 13.1)
Chuyển đổi màu
- HEX
- #864f55
- RGB
- rgb(134 79 85)
- HSL
- hsl(353 26% 42%)
- HWB
- hwb(353 31% 47%)
- OKLCH
- oklch(0.493 0.074 13.1)
- OKLab
- oklab(0.493 0.072 0.017)
- CIE Lab
- lab(40.34 24.28 6.91)
- LCH
- lch(40.34 25.24 15.9)
- CMYK
- cmyk(0% 41% 37% 47%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 925F64
- 9F7074
- AB8185
- B79295
- C3A4A6
- CFB5B7
- DBC7C9
- E7DADB
- F3ECED
Sắc đậm
- 744449
- 62383D
- 512E31
- 402326
- 30191C
- 211011
- 130708
- 060202
- 010000
Sắc xám
- 865459
- 86595D
- 865E62
- 856366
- 85686A
- 846D6F
- 837273
- 827677
- 817B7C
Hòa sắc
Bổ túc +180°
- 864F55
Red Elegance
- 1F6E6D
≈ Peacock Plume
Tương đồng -30° +30°
- 864F55
Red Elegance
- 7F506C
≈ Brocade Violet
- 85533E
≈ Hipsterfication
Bộ ba +120° +240°
- 864F55
Red Elegance
- 506A3E
≈ Alfalfa Extract
- 42638B
≈ Winter Palace
Bổ túc chia +150° +210°
- 864F55
Red Elegance
- 346E55
≈ Toad King
- 286A80
≈ Allports
Bộ bốn +90° +180° +270°
- 864F55
Red Elegance
- 69632D
≈ Saguaro
- 1F6E6D
≈ Peacock Plume
- 5B5C8A
≈ Midnight Sea
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.43:1 · APCA Lc 82
Ag
FailTrên nền đen
WCAG 3.26:1 · APCA Lc 20
Màu chữ tốt nhất: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 82
Contrast pairs
Đoạn mã
CSS
:root {
--red-elegance: #864f55;
--red-elegance-rgb: 134 79 85;
--red-elegance-oklch: oklch(0.493 0.074 13.1);
}
.element {
color: var(--red-elegance);
background-color: hsl(353 26% 42%);
border-color: oklch(0.493 0.074 13.1);
}Tailwind CSS v4
@theme {
--color-red-elegance: #864f55;
--color-red-elegance-50: #ffedee;
--color-red-elegance-100: #ffdee0;
--color-red-elegance-200: #f2c8ca;
--color-red-elegance-300: #dba8ab;
--color-red-elegance-400: #c68d92;
--color-red-elegance-500: #b27178;
--color-red-elegance-600: #966066;
--color-red-elegance-700: #784d51;
--color-red-elegance-800: #59383c;
--color-red-elegance-900: #3e2629;
--color-red-elegance-950: #271417;
}SCSS
$red-elegance: #864f55;
$red-elegance-rgb: 134, 79, 85;
$red-elegance-light: mix(#fff, $red-elegance, 20%);
$red-elegance-dark: mix(#000, $red-elegance, 20%);
.element {
color: $red-elegance;
box-shadow: 0 0 0 2px rgba($red-elegance, 0.35);
}