Màu có tên gần nhất · #91B28D
#91B28D
Màu có tên gần nhất: Foliage
#91B28D (rgb(145 178 141), hsl(114 19% 63%), oklch(0.729 0.064 142)) 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.
#91B28D
oklch(0.729 0.064 142)
Chuyển đổi màu
- HEX
- #91b28d
- RGB
- rgb(145 178 141)
- HSL
- hsl(114 19% 63%)
- HWB
- hwb(114 55% 30%)
- OKLCH
- oklch(0.729 0.064 142)
- OKLab
- oklab(0.729 -0.05 0.039)
- CIE Lab
- lab(69.35 -17.07 15.12)
- LCH
- lch(69.35 22.81 138.5)
- CMYK
- cmyk(19% 0% 21% 30%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9CBA98
- A6C1A3
- B1C9AE
- BCD0BA
- C7D8C5
- D2E0D0
- DDE8DC
- E8EFE8
- F4F7F3
Sắc đậm
- 7D9A7A
- 6A8367
- 586D55
- 465744
- 354333
- 252F23
- 151D14
- 070C07
- 010101
Sắc xám
- 8FAD8C
- 8EA88B
- 8CA389
- 8B9E88
- 899987
- 879486
- 858F84
- 848A83
- 828581
Hòa sắc
Bổ túc +180°
- 91B28D
Foliage
- BB9ABF
≈ Dripping Wisteria
Tương đồng -30° +30°
- 91B28D
Foliage
- A8AC7D
≈ Stuffed Olive
- 7EB5A3
≈ Key Largo
Bộ ba +120° +240°
- 91B28D
Foliage
- 92A8D0
≈ Serenity
- CD9895
≈ Silk Stone
Bổ túc chia +150° +210°
- 91B28D
Foliage
- A8A1CD
≈ Imperial Lilac
- C897AB
≈ Honey Pink
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.34:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 8.95:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 8.95:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
CSS
:root {
--foliage: #91b28d;
--foliage-rgb: 145 178 141;
--foliage-oklch: oklch(0.729 0.064 142);
}
.element {
color: var(--foliage);
background-color: hsl(114 19% 63%);
border-color: oklch(0.729 0.064 142);
}Tailwind CSS v4
@theme {
--color-foliage: #91b28d;
--color-foliage-50: #ebfaea;
--color-foliage-100: #dceedb;
--color-foliage-200: #c5dcc3;
--color-foliage-300: #a4c0a3;
--color-foliage-400: #89a886;
--color-foliage-500: #6e916a;
--color-foliage-600: #5d7b5a;
--color-foliage-700: #4a6248;
--color-foliage-800: #374833;
--color-foliage-900: #253223;
--color-foliage-950: #141e12;
}SCSS
$foliage: #91b28d;
$foliage-rgb: 145, 178, 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);
}