Màu có tên gần nhất · #8D4C4B
#8D4C4B
Màu có tên gần nhất: Red Elegance
#8D4C4B (rgb(141 76 75), hsl(1 31% 42%), oklch(0.494 0.088 21.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.
#8D4C4B
oklch(0.494 0.088 21.7)
Chuyển đổi màu
- HEX
- #8d4c4b
- RGB
- rgb(141 76 75)
- HSL
- hsl(1 31% 42%)
- HWB
- hwb(1 29% 45%)
- OKLCH
- oklch(0.494 0.088 21.7)
- OKLab
- oklab(0.494 0.082 0.033)
- CIE Lab
- lab(40.47 27.92 13.43)
- LCH
- lch(40.47 30.98 25.7)
- CMYK
- cmyk(0% 46% 47% 45%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 995D5B
- A56E6C
- B17F7D
- BC918F
- C8A3A1
- D3B5B3
- DEC7C6
- E9D9D8
- F4ECEC
Sắc đậm
- 7A4140
- 673635
- 552C2B
- 442221
- 331817
- 230F0E
- 140606
- 070202
- 010000
Sắc xám
- 8C5250
- 8C5755
- 8B5C5B
- 8A6260
- 896765
- 876C6B
- 867170
- 847675
- 827B7B
Hòa sắc
Bổ túc +180°
- 8D4C4B
Red Elegance
- 006F76
≈ Active Turquoise
Tương đồng -30° +30°
- 8D4C4B
Red Elegance
- 874C67
≈ Damson
- 895230
≈ Charred Clay
Bộ ba +120° +240°
- 8D4C4B
Red Elegance
- 436E3E
≈ Under the Radar
- 456194
≈ Last Light Blue
Bổ túc chia +150° +210°
- 8D4C4B
Red Elegance
- 19725C
≈ Tropical Rainforest
- 1F6A8B
≈ Bondi
Bộ bốn +90° +180° +270°
- 8D4C4B
Red Elegance
- 636624
≈ Deathworld Forest
- 006F76
≈ Active Turquoise
- 635890
≈ Butterfly Bush
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.42: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.42:1 (AA) · APCA Lc 82
Contrast pairs
Đoạn mã
CSS
:root {
--red-elegance: #8d4c4b;
--red-elegance-rgb: 141 76 75;
--red-elegance-oklch: oklch(0.494 0.088 21.7);
}
.element {
color: var(--red-elegance);
background-color: hsl(1 31% 42%);
border-color: oklch(0.494 0.088 21.7);
}Tailwind CSS v4
@theme {
--color-red-elegance: #8d4c4b;
--color-red-elegance-50: #ffece9;
--color-red-elegance-100: #ffddda;
--color-red-elegance-200: #f8c6c2;
--color-red-elegance-300: #e1a6a2;
--color-red-elegance-400: #cd8a87;
--color-red-elegance-500: #b96e6c;
--color-red-elegance-600: #9d5d5c;
--color-red-elegance-700: #7e4a49;
--color-red-elegance-800: #5d3636;
--color-red-elegance-900: #412525;
--color-red-elegance-950: #2a1313;
}SCSS
$red-elegance: #8d4c4b;
$red-elegance-rgb: 141, 76, 75;
$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);
}