Màu có tên gần nhất · #6E763D
#6E763D
Màu có tên gần nhất: Jungle Look
#6E763D (rgb(110 118 61), hsl(68 32% 35%), oklch(0.545 0.08 115.7)) gần nhất với màu có tên Jungle Look. 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.
#6E763D
oklch(0.545 0.08 115.7)
Chuyển đổi màu
- HEX
- #6e763d
- RGB
- rgb(110 118 61)
- HSL
- hsl(68 32% 35%)
- HWB
- hwb(68 24% 54%)
- OKLCH
- oklch(0.545 0.08 115.7)
- OKLab
- oklab(0.545 -0.035 0.072)
- CIE Lab
- lab(47.93 -10.02 30.09)
- LCH
- lch(47.93 31.71 108.4)
- CMYK
- cmyk(7% 0% 48% 54%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7B8350
- 899063
- 979E76
- A5AB89
- B3B99C
- C2C6AF
- D1D4C3
- E0E2D7
- EFF1EB
Sắc đậm
- 5F6634
- 50562B
- 414722
- 33381A
- 262912
- 191C0A
- 0E0F04
- 040501
- 010100
Sắc xám
- 707745
- 71784C
- 737953
- 757A5A
- 777B60
- 797C67
- 7A7D6D
- 7C7E74
- 7E7F7A
Hòa sắc
Bổ túc +180°
- 6E763D
Jungle Look
- 74669A
≈ Pandora
Tương đồng -30° +30°
- 6E763D
Jungle Look
- 856D35
≈ Aged Antics
- 517D53
≈ Melbourne
Bộ ba +120° +240°
- 6E763D
Jungle Look
- 3D7799
≈ Cry Me a River
- 965C72
≈ Glitz and Glamour
Bổ túc chia +150° +210°
- 6E763D
Jungle Look
- 5A6FA0
≈ Moonshade
- 88608A
≈ Pomp and Power
Bộ bốn +90° +180° +270°
- 6E763D
Jungle Look
- 287D87
≈ Caribe
- 74669A
≈ Pandora
- 9A5D58
≈ Rhode Island Red
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.85:1 · APCA Lc 74
Ag
FailTrên nền đen
WCAG 4.32:1 · APCA Lc 28
Màu chữ tốt nhất: #FFFFFF
WCAG 4.85:1 (AA) · APCA Lc 74
Contrast pairs
Đoạn mã
CSS
:root {
--jungle-look: #6e763d;
--jungle-look-rgb: 110 118 61;
--jungle-look-oklch: oklch(0.545 0.08 115.7);
}
.element {
color: var(--jungle-look);
background-color: hsl(68 32% 35%);
border-color: oklch(0.545 0.08 115.7);
}Tailwind CSS v4
@theme {
--color-jungle-look: #6e763d;
--color-jungle-look-50: #f3f9df;
--color-jungle-look-100: #e5ecce;
--color-jungle-look-200: #d1d9b3;
--color-jungle-look-300: #b3bd8f;
--color-jungle-look-400: #9ca56d;
--color-jungle-look-500: #848d4c;
--color-jungle-look-600: #6f7741;
--color-jungle-look-700: #595f34;
--color-jungle-look-800: #424524;
--color-jungle-look-900: #2e3018;
--color-jungle-look-950: #1a1c09;
}SCSS
$jungle-look: #6e763d;
$jungle-look-rgb: 110, 118, 61;
$jungle-look-light: mix(#fff, $jungle-look, 20%);
$jungle-look-dark: mix(#000, $jungle-look, 20%);
.element {
color: $jungle-look;
box-shadow: 0 0 0 2px rgba($jungle-look, 0.35);
}