Màu có tên gần nhất · #6EAA53
#6EAA53
Màu có tên gần nhất: Asparagus
#6EAA53 (rgb(110 170 83), hsl(101 34% 50%), oklch(0.677 0.135 136.8)) gần nhất với màu có tên Asparagus. 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.
#6EAA53
oklch(0.677 0.135 136.8)
Chuyển đổi màu
- HEX
- #6eaa53
- RGB
- rgb(110 170 83)
- HSL
- hsl(101 34% 50%)
- HWB
- hwb(101 33% 33%)
- OKLCH
- oklch(0.677 0.135 136.8)
- OKLab
- oklab(0.677 -0.098 0.092)
- CIE Lab
- lab(64.01 -32.46 38)
- LCH
- lch(64.01 49.98 130.5)
- CMYK
- cmyk(35% 0% 51% 33%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7CB365
- 8BBB77
- 99C488
- A8CC99
- B6D5AA
- C4DDBB
- D3E6CC
- E2EEDD
- F0F7EE
Sắc đậm
- 5F9347
- 507D3B
- 416830
- 335325
- 263F1B
- 192D11
- 0E1B08
- 040B02
- 010100
Sắc xám
- 70A659
- 73A25F
- 759E64
- 779A68
- 79966D
- 7A9171
- 7C8D75
- 7D8979
- 7F847D
Hòa sắc
Bổ túc +180°
- 6EAA53
Asparagus
- B87BCE
≈ Lavender Blossom
Tương đồng -30° +30°
- 6EAA53
Asparagus
- A19C22
≈ Vegan Villain
- 17B185
≈ Dark Mountain Meadow
Bộ ba +120° +240°
- 6EAA53
Asparagus
- 5E98E9
≈ Guilliman Blue
- DE7179
≈ Natural Candy Pink
Bổ túc chia +150° +210°
- 6EAA53
Asparagus
- 9289E6
≈ Perrywinkle
- D272A8
≈ Sky Magenta
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 2.78:1 · APCA Lc 54
Ag
AAATrên nền đen
WCAG 7.53:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--asparagus: #6eaa53;
--asparagus-rgb: 110 170 83;
--asparagus-oklch: oklch(0.677 0.135 136.8);
}
.element {
color: var(--asparagus);
background-color: hsl(101 34% 50%);
border-color: oklch(0.677 0.135 136.8);
}Tailwind CSS v4
@theme {
--color-asparagus: #6eaa53;
--color-asparagus-50: #e2ffda;
--color-asparagus-100: #d2f3c8;
--color-asparagus-200: #b7e3ab;
--color-asparagus-300: #94c885;
--color-asparagus-400: #77b15e;
--color-asparagus-500: #589a38;
--color-asparagus-600: #4b8231;
--color-asparagus-700: #3c6826;
--color-asparagus-800: #2d4c18;
--color-asparagus-900: #1e350f;
--color-asparagus-950: #0e2003;
}SCSS
$asparagus: #6eaa53;
$asparagus-rgb: 110, 170, 83;
$asparagus-light: mix(#fff, $asparagus, 20%);
$asparagus-dark: mix(#000, $asparagus, 20%);
.element {
color: $asparagus;
box-shadow: 0 0 0 2px rgba($asparagus, 0.35);
}