Màu có tên gần nhất · #6A8857
#6A8857
Màu có tên gần nhất: Kale
#6A8857 (rgb(106 136 87), hsl(97 22% 44%), oklch(0.591 0.079 133.9)) gần nhất với màu có tên Kale. 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.
#6A8857
oklch(0.591 0.079 133.9)
Chuyển đổi màu
- HEX
- #6a8857
- RGB
- rgb(106 136 87)
- HSL
- hsl(97 22% 44%)
- HWB
- hwb(97 34% 47%)
- OKLCH
- oklch(0.591 0.079 133.9)
- OKLab
- oklab(0.591 -0.055 0.057)
- CIE Lab
- lab(53.42 -18.15 22.75)
- LCH
- lch(53.42 29.1 128.6)
- CMYK
- cmyk(22% 0% 36% 47%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 789367
- 869F77
- 95AB88
- A3B698
- B2C2A9
- C1CEBA
- D0DACB
- E0E6DC
- EFF3ED
Sắc đậm
- 5B754B
- 4D633E
- 3F5233
- 314127
- 24311C
- 182212
- 0D1308
- 040603
- 000100
Sắc xám
- 6C875C
- 6F8760
- 718664
- 738568
- 75846C
- 778470
- 7A8374
- 7C8278
- 7E817C
Hòa sắc
Bổ túc +180°
- 6A8857
Kale
- 8F6F9F
≈ Court Jester
Tương đồng -30° +30°
Bộ ba +120° +240°
- 6A8857
Kale
- 5C80AC
≈ Girls in Blue
- A76A6F
≈ Delhi Spice
Bổ túc chia +150° +210°
- 6A8857
Kale
- 7777AB
≈ Minuet Lilac
- 9F6A89
≈ Pink Jazz
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.98:1 · APCA Lc 67
Ag
AATrên nền đen
WCAG 5.27:1 · APCA Lc 35
Màu chữ tốt nhất: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
Đoạn mã
CSS
:root {
--kale: #6a8857;
--kale-rgb: 106 136 87;
--kale-oklch: oklch(0.591 0.079 133.9);
}
.element {
color: var(--kale);
background-color: hsl(97 22% 44%);
border-color: oklch(0.591 0.079 133.9);
}Tailwind CSS v4
@theme {
--color-kale: #6a8857;
--color-kale-50: #ebfbe4;
--color-kale-100: #dceed4;
--color-kale-200: #c5ddbb;
--color-kale-300: #a6c199;
--color-kale-400: #8ba979;
--color-kale-500: #70925b;
--color-kale-600: #5f7b4e;
--color-kale-700: #4c633e;
--color-kale-800: #38482b;
--color-kale-900: #26321d;
--color-kale-950: #151e0d;
}SCSS
$kale: #6a8857;
$kale-rgb: 106, 136, 87;
$kale-light: mix(#fff, $kale, 20%);
$kale-dark: mix(#000, $kale, 20%);
.element {
color: $kale;
box-shadow: 0 0 0 2px rgba($kale, 0.35);
}