Màu có tên gần nhất · #9DBB89
#9DBB89
Màu có tên gần nhất: Foliage
#9DBB89 (rgb(157 187 137), hsl(96 27% 64%), oklch(0.757 0.077 133.2)) 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.
#9DBB89
oklch(0.757 0.077 133.2)
Chuyển đổi màu
- HEX
- #9dbb89
- RGB
- rgb(157 187 137)
- HSL
- hsl(96 27% 64%)
- HWB
- hwb(96 54% 27%)
- OKLCH
- oklch(0.757 0.077 133.2)
- OKLab
- oklab(0.757 -0.052 0.056)
- CIE Lab
- lab(72.66 -17.43 21.91)
- LCH
- lch(72.66 28 128.5)
- CMYK
- cmyk(16% 0% 27% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A7C295
- B0C9A0
- BACFAC
- C3D6B8
- CDDDC3
- D7E4CF
- E1EADB
- EBF1E7
- F5F8F3
Sắc đậm
- 88A276
- 738A64
- 5F7353
- 4C5C42
- 3A4631
- 283222
- 181F14
- 090D07
- 010201
Sắc xám
- 9AB588
- 97AF88
- 94A987
- 91A386
- 8F9D85
- 8C9784
- 899183
- 868C82
- 838681
Hòa sắc
Bổ túc +180°
- 9DBB89
Foliage
- C1A2D3
≈ Enchanted Lavender
Tương đồng -30° +30°
- 9DBB89
Foliage
- B8B379
≈ Misty Moss
- 82C0A2
≈ Baby Cake
Bộ ba +120° +240°
- 9DBB89
Foliage
- 8EB3E0
≈ Blue Skies Today
- DC9CA2
≈ Glamour
Bổ túc chia +150° +210°
- 9DBB89
Foliage
- A9AAE0
≈ Maximum Blue Purple
- D39DBD
≈ Sweet Perfume
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.12:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.90:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--foliage: #9dbb89;
--foliage-rgb: 157 187 137;
--foliage-oklch: oklch(0.757 0.077 133.2);
}
.element {
color: var(--foliage);
background-color: hsl(96 27% 64%);
border-color: oklch(0.757 0.077 133.2);
}Tailwind CSS v4
@theme {
--color-foliage: #9dbb89;
--color-foliage-50: #ecfbe5;
--color-foliage-100: #ddeed5;
--color-foliage-200: #c6dcbc;
--color-foliage-300: #a7c19a;
--color-foliage-400: #8da97a;
--color-foliage-500: #72915c;
--color-foliage-600: #617b4e;
--color-foliage-700: #4d623e;
--color-foliage-800: #39482c;
--color-foliage-900: #27321d;
--color-foliage-950: #151e0d;
}SCSS
$foliage: #9dbb89;
$foliage-rgb: 157, 187, 137;
$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);
}