Màu có tên gần nhất · #6F7767
#6F7767
Màu có tên gần nhất: Camo Clay
#6F7767 (rgb(111 119 103), hsl(90 7% 44%), oklch(0.558 0.026 129)) gần nhất với màu có tên Camo Clay. 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.
#6F7767
oklch(0.558 0.026 129)
Chuyển đổi màu
- HEX
- #6f7767
- RGB
- rgb(111 119 103)
- HSL
- hsl(90 7% 44%)
- HWB
- hwb(90 40% 53%)
- OKLCH
- oklch(0.558 0.026 129)
- OKLab
- oklab(0.558 -0.016 0.02)
- CIE Lab
- lab(48.99 -5.5 7.76)
- LCH
- lch(48.99 9.51 125.3)
- CMYK
- cmyk(7% 0% 13% 53%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7C8475
- 8A9183
- 989E92
- A6ABA1
- B4B9B0
- C3C6BF
- D2D4CF
- E1E2DF
- F0F1EF
Sắc đậm
- 606759
- 51574B
- 42473D
- 343830
- 272A23
- 1A1C17
- 0E100C
- 040504
- 010100
Sắc xám
- 71786A
- 72796C
- 747A6F
- 767B71
- 777C74
- 797C76
- 7B7D78
- 7D7E7B
- 7E7F7D
Hòa sắc
Bổ túc +180°
- 6F7767
Camo Clay
- 787080
≈ Ritual
Tương đồng -30° +30°
- 6F7767
Camo Clay
- 777463
≈ Amazon River
- 67796E
≈ Camping Trip
Bộ ba +120° +240°
- 6F7767
Camo Clay
- 687583
≈ Freedom Found
- 826E70
≈ Royal Raisin
Bổ túc chia +150° +210°
- 6F7767
Camo Clay
- 707383
≈ Encore
- 7F6E79
≈ Lively Lavender
Bộ bốn +90° +180° +270°
- 6F7767
Camo Clay
- 63787E
≈ Crater Lake
- 787080
≈ Ritual
- 826F69
≈ Granite Boulder
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.65:1 · APCA Lc 72
Ag
AATrên nền đen
WCAG 4.51:1 · APCA Lc 29
Màu chữ tốt nhất: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--camo-clay: #6f7767;
--camo-clay-rgb: 111 119 103;
--camo-clay-oklch: oklch(0.558 0.026 129);
}
.element {
color: var(--camo-clay);
background-color: hsl(90 7% 44%);
border-color: oklch(0.558 0.026 129);
}Tailwind CSS v4
@theme {
--color-camo-clay: #6f7767;
--color-camo-clay-50: #f2f7ef;
--color-camo-clay-100: #e5eae1;
--color-camo-clay-200: #d0d7cb;
--color-camo-clay-300: #b3baad;
--color-camo-clay-400: #9aa292;
--color-camo-clay-500: #818a78;
--color-camo-clay-600: #6d7565;
--color-camo-clay-700: #575d51;
--color-camo-clay-800: #40443b;
--color-camo-clay-900: #2c2f28;
--color-camo-clay-950: #191c16;
}SCSS
$camo-clay: #6f7767;
$camo-clay-rgb: 111, 119, 103;
$camo-clay-light: mix(#fff, $camo-clay, 20%);
$camo-clay-dark: mix(#000, $camo-clay, 20%);
.element {
color: $camo-clay;
box-shadow: 0 0 0 2px rgba($camo-clay, 0.35);
}