Màu có tên gần nhất · #8CB186
#8CB186
Màu có tên gần nhất: Foliage
#8CB186 (rgb(140 177 134), hsl(112 22% 61%), oklch(0.722 0.073 141.1)) gần nhất với màu có tên Foliage. 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.
#8CB186
oklch(0.722 0.073 141.1)
Chuyển đổi màu
- HEX
- #8cb186
- RGB
- rgb(140 177 134)
- HSL
- hsl(112 22% 61%)
- HWB
- hwb(112 53% 31%)
- OKLCH
- oklch(0.722 0.073 141.1)
- OKLab
- oklab(0.722 -0.057 0.046)
- CIE Lab
- lab(68.61 -19.31 17.82)
- LCH
- lch(68.61 26.27 137.3)
- CMYK
- cmyk(21% 0% 24% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 97B992
- A2C09E
- AEC8A9
- B9D0B5
- C5D8C1
- D0DFCE
- DCE7DA
- E7EFE6
- F3F7F2
Sắc đậm
- 799974
- 678362
- 556C51
- 435740
- 334230
- 232F21
- 141C13
- 070C06
- 010101
Sắc xám
- 8BAC86
- 8AA785
- 89A285
- 889D84
- 879884
- 859383
- 848F82
- 838A82
- 818581
Hòa sắc
Bổ túc +180°
- 8CB186
Foliage
- BB96C1
≈ Atlantic Tulip
Tương đồng -30° +30°
- 8CB186
Foliage
- A6AA74
≈ Cardamom
- 74B49F
≈ Beau Monde
Bộ ba +120° +240°
- 8CB186
Foliage
- 8BA6D4
≈ Rip Van Periwinkle
- CF9391
≈ Tongue
Bổ túc chia +150° +210°
- 8CB186
Foliage
- A59DD0
≈ Wistful
- C992AB
≈ Bonny Belle
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.40:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.74:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.74:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
CSS
:root {
--foliage: #8cb186;
--foliage-rgb: 140 177 134;
--foliage-oklch: oklch(0.722 0.073 141.1);
}
.element {
color: var(--foliage);
background-color: hsl(112 22% 61%);
border-color: oklch(0.722 0.073 141.1);
}Tailwind CSS v4
@theme {
--color-foliage: #8cb186;
--color-foliage-50: #e9fbe8;
--color-foliage-100: #daefd9;
--color-foliage-200: #c3ddc1;
--color-foliage-300: #a2c2a0;
--color-foliage-400: #87aa81;
--color-foliage-500: #6b9365;
--color-foliage-600: #5b7c56;
--color-foliage-700: #486344;
--color-foliage-800: #354930;
--color-foliage-900: #243221;
--color-foliage-950: #131e10;
}SCSS
$foliage: #8cb186;
$foliage-rgb: 140, 177, 134;
$foliage-light: mix(#fff, $foliage, 20%);
$foliage-dark: mix(#000, $foliage, 20%);
.element {
color: $foliage;
box-shadow: 0 0 0 2px rgba($foliage, 0.35);
}