Màu có tên gần nhất · #6E4000
#6E4000
Màu có tên gần nhất: Brown
#6E4000 (rgb(110 64 0), hsl(35 100% 22%), oklch(0.418 0.093 65.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.
#6E4000
oklch(0.418 0.093 65.7)
Chuyển đổi màu
- HEX
- #6e4000
- RGB
- rgb(110 64 0)
- HSL
- hsl(35 100% 22%)
- HWB
- hwb(35 0% 57%)
- OKLCH
- oklch(0.418 0.093 65.7)
- OKLab
- oklab(0.418 0.038 0.085)
- CIE Lab
- lab(32.13 17.41 41.91)
- LCH
- lch(32.13 45.38 67.4)
- CMYK
- cmyk(0% 42% 100% 57%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7C5223
- 8B643C
- 997654
- A7896B
- B69C83
- C4AF9B
- D3C3B3
- E2D6CC
- F0EBE5
Sắc đậm
- 5F3600
- 502D00
- 412400
- 331B00
- 261300
- 190B00
- 0E0500
- 040100
- 010000
Sắc xám
- 704717
- 734D26
- 755432
- 775A3E
- 786149
- 7A6754
- 7C6D5F
- 7D736A
- 7F7A75
Hòa sắc
Bổ túc +180°
- 6E4000
Brown
- 16507C
≈ China Seas
Tương đồng -30° +30°
- 6E4000
Brown
- 763727
≈ Capsicum Red
- 5B4B00
≈ Scorzonera Brown
Bộ ba +120° +240°
- 6E4000
Brown
- 005952
≈ Baltic Prince
- 593E74
≈ Drifting Violet
Bổ túc chia +150° +210°
- 6E4000
Brown
- 005666
≈ Rainy Morning
- 3F477E
≈ Expressionism
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 8.76:1 · APCA Lc 90
Ag
FailTrên nền đen
WCAG 2.39:1 · APCA Lc 13
Màu chữ tốt nhất: #FFFFFF
WCAG 8.76:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
CSS
:root {
--brown: #6e4000;
--brown-rgb: 110 64 0;
--brown-oklch: oklch(0.418 0.093 65.7);
}
.element {
color: var(--brown);
background-color: hsl(35 100% 22%);
border-color: oklch(0.418 0.093 65.7);
}Tailwind CSS v4
@theme {
--color-brown: #6e4000;
--color-brown-50: #fff1d9;
--color-brown-100: #fee3c7;
--color-brown-200: #f0cdaa;
--color-brown-300: #d8af84;
--color-brown-400: #c49362;
--color-brown-500: #b0793d;
--color-brown-600: #956635;
--color-brown-700: #77522a;
--color-brown-800: #593b1e;
--color-brown-900: #3e2813;
--color-brown-950: #271605;
}SCSS
$brown: #6e4000;
$brown-rgb: 110, 64, 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);
}