Màu có tên · #73754C
Ancient Bonsai
Ancient Bonsai là #73754C: rgb(115 117 76), hsl(63 21% 38%), oklch(0.55 0.059 110.6). 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 Yellow mean? → · Ancient Bonsai color name →
#73754C
oklch(0.55 0.059 110.6)
Chuyển đổi màu
- HEX
- #73754c
- RGB
- rgb(115 117 76)
- HSL
- hsl(63 21% 38%)
- HWB
- hwb(63 30% 54%)
- OKLCH
- oklch(0.55 0.059 110.6)
- OKLab
- oklab(0.55 -0.021 0.055)
- CIE Lab
- lab(48.27 -5.96 22.4)
- LCH
- lch(48.27 23.18 104.9)
- CMYK
- cmyk(2% 0% 35% 54%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 80825D
- 8D8F6E
- 9B9D7F
- A8AA91
- B6B8A3
- C4C6B5
- D3D4C7
- E1E2D9
- F0F0EC
Sắc đậm
- 636541
- 545536
- 45462C
- 363722
- 282918
- 1B1C0F
- 0F0F06
- 050502
- 010100
Sắc xám
- 747652
- 757757
- 77785C
- 787A62
- 797B67
- 7B7C6C
- 7C7D71
- 7D7E76
- 7F7F7B
Hòa sắc
Bổ túc +180°
- 73754C
Ancient Bonsai
- 716C92
≈ Bureaucracy
Tương đồng -30° +30°
- 73754C
Ancient Bonsai
- 846E49
≈ Wild Mushroom
- 5F7A5A
≈ Green Mantle
Bộ ba +120° +240°
- 73754C
Ancient Bonsai
- 4C788E
≈ Moody Teal
- 8D6376
≈ Victorian Plum
Bổ túc chia +150° +210°
- 73754C
Ancient Bonsai
- 5E7295
≈ Ocean Night
- 826687
≈ Sunshone Plum
Bộ bốn +90° +180° +270°
- 73754C
Ancient Bonsai
- 447C80
≈ Submerged
- 716C92
≈ Bureaucracy
- 916463
≈ Roseland
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.79:1 · APCA Lc 73
Ag
FailTrên nền đen
WCAG 4.37:1 · APCA Lc 28
Màu chữ tốt nhất: #FFFFFF
WCAG 4.79:1 (AA) · APCA Lc 73
Contrast pairs
Đoạn mã
CSS
:root {
--ancient-bonsai: #73754c;
--ancient-bonsai-rgb: 115 117 76;
--ancient-bonsai-oklch: oklch(0.55 0.059 110.6);
}
.element {
color: var(--ancient-bonsai);
background-color: hsl(63 21% 38%);
border-color: oklch(0.55 0.059 110.6);
}Tailwind CSS v4
@theme {
--color-ancient-bonsai: #73754c;
--color-ancient-bonsai-50: #f5f7e4;
--color-ancient-bonsai-100: #e8ead4;
--color-ancient-bonsai-200: #d4d7bb;
--color-ancient-bonsai-300: #b7bb99;
--color-ancient-bonsai-400: #a0a27a;
--color-ancient-bonsai-500: #888a5c;
--color-ancient-bonsai-600: #73754e;
--color-ancient-bonsai-700: #5c5d3e;
--color-ancient-bonsai-800: #44442c;
--color-ancient-bonsai-900: #2f2f1e;
--color-ancient-bonsai-950: #1b1c0e;
}SCSS
$ancient-bonsai: #73754c;
$ancient-bonsai-rgb: 115, 117, 76;
$ancient-bonsai-light: mix(#fff, $ancient-bonsai, 20%);
$ancient-bonsai-dark: mix(#000, $ancient-bonsai, 20%);
.element {
color: $ancient-bonsai;
box-shadow: 0 0 0 2px rgba($ancient-bonsai, 0.35);
}