Màu có tên gần nhất · #B3BC8A
#B3BC8A
Màu có tên gần nhất: Nile
#B3BC8A (rgb(179 188 138), hsl(71 27% 64%), oklch(0.776 0.068 116.3)) gần nhất với màu có tên Nile. 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.
#B3BC8A
oklch(0.776 0.068 116.3)
Chuyển đổi màu
- HEX
- #b3bc8a
- RGB
- rgb(179 188 138)
- HSL
- hsl(71 27% 64%)
- HWB
- hwb(71 54% 26%)
- OKLCH
- oklch(0.776 0.068 116.3)
- OKLab
- oklab(0.776 -0.03 0.061)
- CIE Lab
- lab(74.59 -9.46 24.3)
- LCH
- lch(74.59 26.08 111.3)
- CMYK
- cmyk(5% 0% 27% 26%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- BAC396
- C2C9A1
- C9D0AD
- D1D7B8
- D8DDC4
- E0E4D0
- E8EBDB
- EFF1E7
- F7F8F3
Sắc đậm
- 9BA377
- 848B65
- 6E7353
- 585D42
- 434732
- 2F3222
- 1D1F14
- 0C0D07
- 010201
Sắc xám
- AEB689
- A8B089
- A3AA88
- 9EA487
- 999E86
- 949885
- 8F9284
- 8A8C83
- 858681
Hòa sắc
Bổ túc +180°
- B3BC8A
Nile
- BAAEDD
≈ Purple Hibiscus
Tương đồng -30° +30°
- B3BC8A
Nile
- C9B484
≈ Tweed Jacket
- 9AC29C
≈ Spruce Stone
Bộ ba +120° +240°
- B3BC8A
Nile
- 8CBDDC
≈ Frozen Whisper
- DBA4B7
≈ Pink Gin
Bổ túc chia +150° +210°
- B3BC8A
Nile
- A2B6E3
≈ Sky Blue
- CEA7CE
≈ Graceful Garden
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.00:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.47:1 · APCA Lc 64
Màu chữ tốt nhất: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
Đoạn mã
CSS
:root {
--nile: #b3bc8a;
--nile-rgb: 179 188 138;
--nile-oklch: oklch(0.776 0.068 116.3);
}
.element {
color: var(--nile);
background-color: hsl(71 27% 64%);
border-color: oklch(0.776 0.068 116.3);
}Tailwind CSS v4
@theme {
--color-nile: #b3bc8a;
--color-nile-50: #f3f8e3;
--color-nile-100: #e5ebd2;
--color-nile-200: #d1d9b8;
--color-nile-300: #b4bd95;
--color-nile-400: #9ca476;
--color-nile-500: #838c57;
--color-nile-600: #6f774a;
--color-nile-700: #595f3b;
--color-nile-800: #424529;
--color-nile-900: #2d301c;
--color-nile-950: #1a1c0c;
}SCSS
$nile: #b3bc8a;
$nile-rgb: 179, 188, 138;
$nile-light: mix(#fff, $nile, 20%);
$nile-dark: mix(#000, $nile, 20%);
.element {
color: $nile;
box-shadow: 0 0 0 2px rgba($nile, 0.35);
}