Màu có tên gần nhất · #A25049
#A25049
Màu có tên gần nhất: Lumberjack
#A25049 (rgb(162 80 73), hsl(5 38% 46%), oklch(0.531 0.11 26.4)) gần nhất với màu có tên Lumberjack. 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.
#A25049
oklch(0.531 0.11 26.4)
Chuyển đổi màu
- HEX
- #a25049
- RGB
- rgb(162 80 73)
- HSL
- hsl(5 38% 46%)
- HWB
- hwb(5 29% 36%)
- OKLCH
- oklch(0.531 0.11 26.4)
- OKLab
- oklab(0.531 0.098 0.049)
- CIE Lab
- lab(44.51 34.15 20.66)
- LCH
- lch(44.51 39.92 31.2)
- CMYK
- cmyk(0% 51% 55% 36%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- AD615A
- B7726B
- C1837D
- CA958E
- D4A6A0
- DDB7B3
- E6C9C5
- EEDBD8
- F7EDEC
Sắc đậm
- 8C443E
- 773934
- 632E2A
- 4F2420
- 3C1A17
- 2A100E
- 190706
- 0A0202
- 010000
Sắc xám
- A0564F
- 9D5B54
- 9A605A
- 97655F
- 946A65
- 906E6A
- 8D7370
- 897775
- 857C7B
Hòa sắc
Bổ túc +180°
- A25049
Lumberjack
- 007A86
≈ Mediterranean Cove
Tương đồng -30° +30°
- A25049
Lumberjack
- 9D4E6D
≈ Cherry Berry
- 9B5922
≈ Bright Bronze
Bộ ba +120° +240°
- A25049
Lumberjack
- 3C7D44
≈ Hills of Ireland
- 4E69AC
≈ Submarine Base
Bổ túc chia +150° +210°
- A25049
Lumberjack
- 007E6A
≈ Mediaeval Forest
- 1174A3
≈ Quarterdeck
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.55:1 · APCA Lc 77
Ag
FailTrên nền đen
WCAG 3.77:1 · APCA Lc 24
Màu chữ tốt nhất: #FFFFFF
WCAG 5.55:1 (AA) · APCA Lc 77
Contrast pairs
Đoạn mã
CSS
:root {
--lumberjack: #a25049;
--lumberjack-rgb: 162 80 73;
--lumberjack-oklch: oklch(0.531 0.11 26.4);
}
.element {
color: var(--lumberjack);
background-color: hsl(5 38% 46%);
border-color: oklch(0.531 0.11 26.4);
}Tailwind CSS v4
@theme {
--color-lumberjack: #a25049;
--color-lumberjack-50: #ffeae4;
--color-lumberjack-100: #ffdbd3;
--color-lumberjack-200: #ffc3ba;
--color-lumberjack-300: #eaa298;
--color-lumberjack-400: #d8847c;
--color-lumberjack-500: #c4675e;
--color-lumberjack-600: #a65750;
--color-lumberjack-700: #854640;
--color-lumberjack-800: #63322f;
--color-lumberjack-900: #462220;
--color-lumberjack-950: #2d110f;
}SCSS
$lumberjack: #a25049;
$lumberjack-rgb: 162, 80, 73;
$lumberjack-light: mix(#fff, $lumberjack, 20%);
$lumberjack-dark: mix(#000, $lumberjack, 20%);
.element {
color: $lumberjack;
box-shadow: 0 0 0 2px rgba($lumberjack, 0.35);
}