Màu có tên gần nhất · #834B4F
#834B4F
Màu có tên gần nhất: Red Elegance
#834B4F (rgb(131 75 79), hsl(356 27% 40%), oklch(0.48 0.076 15.7)) 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.
#834B4F
oklch(0.48 0.076 15.7)
Chuyển đổi màu
- HEX
- #834b4f
- RGB
- rgb(131 75 79)
- HSL
- hsl(356 27% 40%)
- HWB
- hwb(356 29% 49%)
- OKLCH
- oklch(0.48 0.076 15.7)
- OKLab
- oklab(0.48 0.073 0.021)
- CIE Lab
- lab(38.84 24.67 8.46)
- LCH
- lch(38.84 26.08 18.9)
- CMYK
- cmyk(0% 43% 40% 49%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 905C5F
- 9C6D6F
- A97E80
- B59091
- C2A2A3
- CEB4B5
- DAC6C7
- E7D9D9
- F3ECEC
Sắc đậm
- 714044
- 603538
- 4F2B2E
- 3F2123
- 2F1719
- 200E10
- 120607
- 060202
- 010000
Sắc xám
- 835154
- 845659
- 845B5D
- 846162
- 836667
- 836B6C
- 837071
- 827676
- 817B7B
Hòa sắc
Bổ túc +180°
- 834B4F
Red Elegance
- 146B6B
≈ Mosaic Tile
Tương đồng -30° +30°
- 834B4F
Red Elegance
- 7C4B67
≈ Brocade Violet
- 814F38
≈ Curry Brown
Bộ ba +120° +240°
- 834B4F
Red Elegance
- 4A673B
≈ Garden Green
- 405F88
≈ Functional Blue
Bổ túc chia +150° +210°
- 834B4F
Red Elegance
- 2C6B53
≈ Sparkling Emerald
- 23667E
≈ Georgian Bay
Bộ bốn +90° +180° +270°
- 834B4F
Red Elegance
- 636029
≈ Saguaro
- 146B6B
≈ Mosaic Tile
- 5A5787
≈ Mountain Iris
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.80:1 · APCA Lc 83
Ag
FailTrên nền đen
WCAG 3.08:1 · APCA Lc 19
Màu chữ tốt nhất: #FFFFFF
WCAG 6.80:1 (AA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--red-elegance: #834b4f;
--red-elegance-rgb: 131 75 79;
--red-elegance-oklch: oklch(0.48 0.076 15.7);
}
.element {
color: var(--red-elegance);
background-color: hsl(356 27% 40%);
border-color: oklch(0.48 0.076 15.7);
}Tailwind CSS v4
@theme {
--color-red-elegance: #834b4f;
--color-red-elegance-50: #ffeded;
--color-red-elegance-100: #ffdede;
--color-red-elegance-200: #f3c8c8;
--color-red-elegance-300: #dca8a9;
--color-red-elegance-400: #c78c8f;
--color-red-elegance-500: #b37175;
--color-red-elegance-600: #976063;
--color-red-elegance-700: #794d4f;
--color-red-elegance-800: #5a373a;
--color-red-elegance-900: #3f2628;
--color-red-elegance-950: #281416;
}SCSS
$red-elegance: #834b4f;
$red-elegance-rgb: 131, 75, 79;
$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);
}