Màu có tên gần nhất · #6B6D36
#6B6D36
Màu có tên gần nhất: Jungle Civilization
#6B6D36 (rgb(107 109 54), hsl(62 34% 32%), oklch(0.52 0.077 110.6)) gần nhất với màu có tên Jungle Civilization. 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.
#6B6D36
oklch(0.52 0.077 110.6)
Chuyển đổi màu
- HEX
- #6b6d36
- RGB
- rgb(107 109 54)
- HSL
- hsl(62 34% 32%)
- HWB
- hwb(62 21% 57%)
- OKLCH
- oklch(0.52 0.077 110.6)
- OKLab
- oklab(0.52 -0.027 0.072)
- CIE Lab
- lab(44.88 -7.18 30.13)
- LCH
- lch(44.88 30.97 103.4)
- CMYK
- cmyk(2% 0% 50% 57%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 797B4A
- 86895D
- 959771
- A3A584
- B2B498
- C1C2AC
- D0D1C0
- DFE0D5
- EFF0EA
Sắc đậm
- 5C5E2E
- 4E4F25
- 3F411E
- 323316
- 25260F
- 181908
- 0D0D03
- 040401
- 000100
Sắc xám
- 6D6F3E
- 6F7146
- 71734E
- 737556
- 75775D
- 777964
- 797B6B
- 7C7C72
- 7E7E79
Hòa sắc
Bổ túc +180°
- 6B6D36
Jungle Civilization
- 696192
≈ Prime Purple
Tương đồng -30° +30°
- 6B6D36
Jungle Civilization
- 806432
≈ Dirt Brown
- 50744A
≈ Irish Clover
Bộ ba +120° +240°
- 6B6D36
Jungle Civilization
- 34718D
≈ Living Stream
- 8B566F
≈ Merlin’s Cloak
Bổ túc chia +150° +210°
- 6B6D36
Jungle Civilization
- 4F6995
≈ Blue Odyssey
- 7D5A84
≈ Champion
Bộ bốn +90° +180° +270°
- 6B6D36
Jungle Civilization
- 24767B
≈ Poseidon’s Castle
- 696192
≈ Prime Purple
- 905656
≈ Carpe Diem
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.43:1 · APCA Lc 77
Ag
FailTrên nền đen
WCAG 3.86:1 · APCA Lc 25
Màu chữ tốt nhất: #FFFFFF
WCAG 5.43:1 (AA) · APCA Lc 77
Contrast pairs
Đoạn mã
CSS
:root {
--jungle-civilization: #6b6d36;
--jungle-civilization-rgb: 107 109 54;
--jungle-civilization-oklch: oklch(0.52 0.077 110.6);
}
.element {
color: var(--jungle-civilization);
background-color: hsl(62 34% 32%);
border-color: oklch(0.52 0.077 110.6);
}Tailwind CSS v4
@theme {
--color-jungle-civilization: #6b6d36;
--color-jungle-civilization-50: #f5f8df;
--color-jungle-civilization-100: #e8ebce;
--color-jungle-civilization-200: #d4d8b3;
--color-jungle-civilization-300: #b7bc8f;
--color-jungle-civilization-400: #a0a36e;
--color-jungle-civilization-500: #888b4d;
--color-jungle-civilization-600: #737642;
--color-jungle-civilization-700: #5c5e34;
--color-jungle-civilization-800: #444524;
--color-jungle-civilization-900: #2f2f18;
--color-jungle-civilization-950: #1c1c09;
}SCSS
$jungle-civilization: #6b6d36;
$jungle-civilization-rgb: 107, 109, 54;
$jungle-civilization-light: mix(#fff, $jungle-civilization, 20%);
$jungle-civilization-dark: mix(#000, $jungle-civilization, 20%);
.element {
color: $jungle-civilization;
box-shadow: 0 0 0 2px rgba($jungle-civilization, 0.35);
}