Màu có tên gần nhất · #5C3700
#5C3700
Màu có tên gần nhất: Brown
#5C3700 (rgb(92 55 0), hsl(36 100% 18%), oklch(0.373 0.082 68.7)) gần nhất với màu có tên Brown. 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.
#5C3700
oklch(0.373 0.082 68.7)
Chuyển đổi màu
- HEX
- #5c3700
- RGB
- rgb(92 55 0)
- HSL
- hsl(36 100% 18%)
- HWB
- hwb(36 0% 64%)
- OKLCH
- oklch(0.373 0.082 68.7)
- OKLab
- oklab(0.373 0.03 0.076)
- CIE Lab
- lab(27.07 13.98 36.87)
- LCH
- lch(27.07 39.43 69.2)
- CMYK
- cmyk(0% 40% 100% 64%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6C4920
- 7B5C38
- 8B6F50
- 9B8268
- AB9680
- BCAA98
- CCBFB1
- DDD4CB
- EEE9E5
Sắc đậm
- 4F2E00
- 422600
- 361E00
- 2A1600
- 1F0F00
- 140800
- 0A0300
- 030100
- 000000
Sắc xám
- 603E14
- 644622
- 684D2F
- 6B543B
- 6F5B46
- 736352
- 766A5D
- 797169
- 7D7974
Hòa sắc
Bổ túc +180°
- 5C3700
Brown
- 184369
≈ Lucidity
Tương đồng -30° +30°
- 5C3700
Brown
- 642F1E
≈ Overbaked
- 4B4100
≈ Xanthophobia
Bộ ba +120° +240°
Bổ túc chia +150° +210°
- 5C3700
Brown
- 004958
≈ Midnight Green
- 383B6B
≈ American Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.49:1 · APCA Lc 94
Ag
FailTrên nền đen
WCAG 2.00:1 · APCA Lc 9
Màu chữ tốt nhất: #FFFFFF
WCAG 10.49:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--brown: #5c3700;
--brown-rgb: 92 55 0;
--brown-oklch: oklch(0.373 0.082 68.7);
}
.element {
color: var(--brown);
background-color: hsl(36 100% 18%);
border-color: oklch(0.373 0.082 68.7);
}Tailwind CSS v4
@theme {
--color-brown: #5c3700;
--color-brown-50: #fff2dd;
--color-brown-100: #fae4cb;
--color-brown-200: #ebcfaf;
--color-brown-300: #d3b18a;
--color-brown-400: #be9669;
--color-brown-500: #aa7c47;
--color-brown-600: #8f693d;
--color-brown-700: #735431;
--color-brown-800: #553d22;
--color-brown-900: #3c2a17;
--color-brown-950: #251708;
}SCSS
$brown: #5c3700;
$brown-rgb: 92, 55, 0;
$brown-light: mix(#fff, $brown, 20%);
$brown-dark: mix(#000, $brown, 20%);
.element {
color: $brown;
box-shadow: 0 0 0 2px rgba($brown, 0.35);
}