Màu có tên gần nhất · #91B78D
#91B78D
Màu có tên gần nhất: Foliage
#91B78D (rgb(145 183 141), hsl(114 23% 64%), oklch(0.74 0.072 142.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.
#91B78D
oklch(0.74 0.072 142.4)
Chuyển đổi màu
- HEX
- #91b78d
- RGB
- rgb(145 183 141)
- HSL
- hsl(114 23% 64%)
- HWB
- hwb(114 55% 28%)
- OKLCH
- oklch(0.74 0.072 142.4)
- OKLab
- oklab(0.74 -0.057 0.044)
- CIE Lab
- lab(70.78 -19.43 17.08)
- LCH
- lch(70.78 25.87 138.7)
- CMYK
- cmyk(21% 0% 23% 28%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9CBE98
- A7C5A3
- B1CCAE
- BCD4BA
- C7DBC5
- D2E2D0
- DDE9DC
- E9F0E8
- F4F8F3
Sắc đậm
- 7D9F7A
- 6A8767
- 587055
- 465A44
- 354533
- 253123
- 151E14
- 070C07
- 010201
Sắc xám
- 8FB18C
- 8EAC8B
- 8CA689
- 8BA188
- 899B87
- 879686
- 869084
- 848B83
- 828581
Hòa sắc
Bổ túc +180°
- 91B78D
Foliage
- C19CC6
≈ Lilac Pink
Tương đồng -30° +30°
- 91B78D
Foliage
- ABB07B
≈ Wasabi Green
- 7ABAA6
≈ Sereni Teal
Bộ ba +120° +240°
- 91B78D
Foliage
- 92ABD9
≈ Victory Lake
- D59996
≈ Tobermory
Bổ túc chia +150° +210°
- 91B78D
Foliage
- ACA3D5
≈ Milky Lavender
- D098AF
≈ Exotic Lilac
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.24:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.36:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.36:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--foliage: #91b78d;
--foliage-rgb: 145 183 141;
--foliage-oklch: oklch(0.74 0.072 142.4);
}
.element {
color: var(--foliage);
background-color: hsl(114 23% 64%);
border-color: oklch(0.74 0.072 142.4);
}Tailwind CSS v4
@theme {
--color-foliage: #91b78d;
--color-foliage-50: #e9fbe9;
--color-foliage-100: #daefd9;
--color-foliage-200: #c2ddc1;
--color-foliage-300: #a1c2a1;
--color-foliage-400: #86aa82;
--color-foliage-500: #6a9366;
--color-foliage-600: #5a7c57;
--color-foliage-700: #486345;
--color-foliage-800: #354931;
--color-foliage-900: #243221;
--color-foliage-950: #131e10;
}SCSS
$foliage: #91b78d;
$foliage-rgb: 145, 183, 141;
$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);
}