Màu có tên gần nhất · #8B4736
#8B4736
Màu có tên gần nhất: Olive Niçoise
#8B4736 (rgb(139 71 54), hsl(12 44% 38%), oklch(0.478 0.097 35.1)) gần nhất với màu có tên Olive Niçoise. 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.
#8B4736
oklch(0.478 0.097 35.1)
Chuyển đổi màu
- HEX
- #8b4736
- RGB
- rgb(139 71 54)
- HSL
- hsl(12 44% 38%)
- HWB
- hwb(12 21% 45%)
- OKLCH
- oklch(0.478 0.097 35.1)
- OKLab
- oklab(0.478 0.079 0.056)
- CIE Lab
- lab(38.7 28.34 23.86)
- LCH
- lch(38.7 37.05 40.1)
- CMYK
- cmyk(0% 49% 61% 45%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 975949
- A46A5C
- B07C6F
- BB8E82
- C7A096
- D2B3AA
- DEC5BF
- E9D8D4
- F4ECE9
Sắc đậm
- 783D2E
- 663225
- 54281E
- 431F16
- 32160F
- 230D08
- 140603
- 070201
- 010000
Sắc xám
- 8B4D3E
- 8A5345
- 8A594D
- 895F54
- 88655B
- 876A63
- 86706A
- 847571
- 827B79
Hòa sắc
Bổ túc +180°
- 8B4736
Olive Niçoise
- 00697B
≈ Teal With It
Tương đồng -30° +30°
- 8B4736
Olive Niçoise
- 894456
≈ Dark Earth
- 825015
≈ Medium Brown
Bộ ba +120° +240°
- 8B4736
Olive Niçoise
- 256D44
≈ Billiard Ball
- 4E5893
≈ Onion Skin Blue
Bổ túc chia +150° +210°
- 8B4736
Olive Niçoise
- 006C63
≈ Office Blue Green
- 256290
≈ Starry Night
Bộ bốn +90° +180° +270°
- 8B4736
Olive Niçoise
- 516623
≈ Tabbouleh Green
- 00697B
≈ Teal With It
- 6A4E89
≈ Zimidar
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.87:1 · APCA Lc 83
Ag
FailTrên nền đen
WCAG 3.05:1 · APCA Lc 19
Màu chữ tốt nhất: #FFFFFF
WCAG 6.87:1 (AA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--olive-nicoise: #8b4736;
--olive-nicoise-rgb: 139 71 54;
--olive-nicoise-oklch: oklch(0.478 0.097 35.1);
}
.element {
color: var(--olive-nicoise);
background-color: hsl(12 44% 38%);
border-color: oklch(0.478 0.097 35.1);
}Tailwind CSS v4
@theme {
--color-olive-nicoise: #8b4736;
--color-olive-nicoise-50: #ffece2;
--color-olive-nicoise-100: #ffddd1;
--color-olive-nicoise-200: #fac7b7;
--color-olive-nicoise-300: #e4a794;
--color-olive-nicoise-400: #d18a77;
--color-olive-nicoise-500: #bd6d59;
--color-olive-nicoise-600: #a05d4c;
--color-olive-nicoise-700: #804a3c;
--color-olive-nicoise-800: #5f352c;
--color-olive-nicoise-900: #43241e;
--color-olive-nicoise-950: #2b130e;
}SCSS
$olive-nicoise: #8b4736;
$olive-nicoise-rgb: 139, 71, 54;
$olive-nicoise-light: mix(#fff, $olive-nicoise, 20%);
$olive-nicoise-dark: mix(#000, $olive-nicoise, 20%);
.element {
color: $olive-nicoise;
box-shadow: 0 0 0 2px rgba($olive-nicoise, 0.35);
}