Màu có tên · #A4BA8A
Forest Tapestry
Forest Tapestry là #A4BA8A: rgb(164 186 138), hsl(87 26% 64%), oklch(0.76 0.07 128). 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.
What does Green mean? → · Forest Tapestry color name →
#A4BA8A
oklch(0.76 0.07 128)
Chuyển đổi màu
- HEX
- #a4ba8a
- RGB
- rgb(164 186 138)
- HSL
- hsl(87 26% 64%)
- HWB
- hwb(87 54% 27%)
- OKLCH
- oklch(0.76 0.07 128)
- OKLab
- oklab(0.76 -0.043 0.055)
- CIE Lab
- lab(72.89 -14.23 21.8)
- LCH
- lch(72.89 26.03 123.1)
- CMYK
- cmyk(12% 0% 26% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ADC196
- B6C8A1
- BFCFAD
- C8D5B8
- D1DCC4
- DAE3D0
- E3EADB
- ECF1E7
- F6F8F3
Sắc đậm
- 8EA177
- 798965
- 647253
- 505C42
- 3D4632
- 2B3222
- 1A1E14
- 0A0D07
- 010201
Sắc xám
- A0B489
- 9DAE88
- 99A888
- 95A387
- 929D86
- 8E9785
- 8B9184
- 878B82
- 848681
Hòa sắc
Bổ túc +180°
- A4BA8A
Forest Tapestry
- BDA5D4
≈ Enchanted Lavender
Tương đồng -30° +30°
- A4BA8A
Forest Tapestry
- BDB27E
≈ Ecru
- 8BBFA0
≈ Lark Green
Bộ ba +120° +240°
- A4BA8A
Forest Tapestry
- 8EB6DC
≈ Goluboy Blue
- D99FA8
≈ Glamour
Bổ túc chia +150° +210°
- A4BA8A
Forest Tapestry
- A6ADDE
≈ Childish Wonder
- CFA0C1
≈ Geranium Bud
Bộ bốn +90° +180° +270°
- A4BA8A
Forest Tapestry
- 7CBCCF
≈ Petit Four
- BDA5D4
≈ Enchanted Lavender
- D9A291
≈ Auburn Wave
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.10:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 9.96:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--forest-tapestry: #a4ba8a;
--forest-tapestry-rgb: 164 186 138;
--forest-tapestry-oklch: oklch(0.76 0.07 128);
}
.element {
color: var(--forest-tapestry);
background-color: hsl(87 26% 64%);
border-color: oklch(0.76 0.07 128);
}Tailwind CSS v4
@theme {
--color-forest-tapestry: #a4ba8a;
--color-forest-tapestry-50: #eefae5;
--color-forest-tapestry-100: #e0edd5;
--color-forest-tapestry-200: #cadbbb;
--color-forest-tapestry-300: #acbf99;
--color-forest-tapestry-400: #92a77a;
--color-forest-tapestry-500: #798f5c;
--color-forest-tapestry-600: #66794f;
--color-forest-tapestry-700: #52613e;
--color-forest-tapestry-800: #3c472c;
--color-forest-tapestry-900: #29311d;
--color-forest-tapestry-950: #171d0d;
}SCSS
$forest-tapestry: #a4ba8a;
$forest-tapestry-rgb: 164, 186, 138;
$forest-tapestry-light: mix(#fff, $forest-tapestry, 20%);
$forest-tapestry-dark: mix(#000, $forest-tapestry, 20%);
.element {
color: $forest-tapestry;
box-shadow: 0 0 0 2px rgba($forest-tapestry, 0.35);
}