Màu có tên gần nhất · #8DB086
#8DB086
Màu có tên gần nhất: Foliage
#8DB086 (rgb(141 176 134), hsl(110 21% 61%), oklch(0.72 0.071 140.4)) 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.
#8DB086
oklch(0.72 0.071 140.4)
Chuyển đổi màu
- HEX
- #8db086
- RGB
- rgb(141 176 134)
- HSL
- hsl(110 21% 61%)
- HWB
- hwb(110 53% 31%)
- OKLCH
- oklch(0.72 0.071 140.4)
- OKLab
- oklab(0.72 -0.055 0.045)
- CIE Lab
- lab(68.38 -18.47 17.53)
- LCH
- lch(68.38 25.47 136.5)
- CMYK
- cmyk(20% 0% 24% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 98B892
- A3C09E
- AEC7A9
- BACFB5
- C5D7C1
- D0DFCE
- DCE7DA
- E8EFE6
- F3F7F2
Sắc đậm
- 7A9974
- 678262
- 556C51
- 445640
- 334230
- 232E21
- 141C13
- 070B06
- 010101
Sắc xám
- 8CAB86
- 8BA685
- 89A185
- 889D84
- 879883
- 869383
- 848E82
- 838A82
- 818581
Hòa sắc
Bổ túc +180°
- 8DB086
Foliage
- B996C0
≈ Atlantic Tulip
Tương đồng -30° +30°
- 8DB086
Foliage
- A6A975
≈ Cardamom
- 76B39E
≈ Beau Monde
Bộ ba +120° +240°
- 8DB086
Foliage
- 8BA6D2
≈ Rip Van Periwinkle
- CD9392
≈ Tongue
Bổ túc chia +150° +210°
- 8DB086
Foliage
- A49DCE
≈ Wistful
- C893AA
≈ 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.41:1 · APCA Lc 48
Ag
AAATrên nền đen
WCAG 8.68:1 · APCA Lc 54
Màu chữ tốt nhất: #000000
WCAG 8.68:1 (AAA) · APCA Lc 54
Contrast pairs
Đoạn mã
CSS
:root {
--foliage: #8db086;
--foliage-rgb: 141 176 134;
--foliage-oklch: oklch(0.72 0.071 140.4);
}
.element {
color: var(--foliage);
background-color: hsl(110 21% 61%);
border-color: oklch(0.72 0.071 140.4);
}Tailwind CSS v4
@theme {
--color-foliage: #8db086;
--color-foliage-50: #eafbe8;
--color-foliage-100: #dbeed9;
--color-foliage-200: #c4dcc1;
--color-foliage-300: #a3c1a0;
--color-foliage-400: #88a982;
--color-foliage-500: #6d9265;
--color-foliage-600: #5c7c56;
--color-foliage-700: #4a6345;
--color-foliage-800: #364830;
--color-foliage-900: #253221;
--color-foliage-950: #131e10;
}SCSS
$foliage: #8db086;
$foliage-rgb: 141, 176, 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);
}