Màu có tên gần nhất · #A8BE86
#A8BE86
Màu có tên gần nhất: Nile
#A8BE86 (rgb(168 190 134), hsl(84 30% 64%), oklch(0.771 0.08 125.6)) 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.
#A8BE86
oklch(0.771 0.08 125.6)
Chuyển đổi màu
- HEX
- #a8be86
- RGB
- rgb(168 190 134)
- HSL
- hsl(84 30% 64%)
- HWB
- hwb(84 53% 25%)
- OKLCH
- oklch(0.771 0.08 125.6)
- OKLab
- oklab(0.771 -0.047 0.065)
- CIE Lab
- lab(74.24 -15.06 25.75)
- LCH
- lch(74.24 29.84 120.3)
- CMYK
- cmyk(12% 0% 29% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B0C492
- B9CB9E
- C1D1AA
- CAD8B6
- D3DEC2
- DBE5CE
- E4EBDA
- EDF2E6
- F6F8F3
Sắc đậm
- 92A574
- 7C8C62
- 677551
- 525E40
- 3F4830
- 2C3321
- 1A1F13
- 0A0D06
- 010201
Sắc xám
- A4B886
- A0B185
- 9CAB85
- 98A585
- 949F84
- 909983
- 8C9283
- 888C82
- 848681
Hòa sắc
Bổ túc +180°
- A8BE86
Nile
- C1A8DE
≈ Perfume
Tương đồng -30° +30°
- A8BE86
Nile
- C4B579
≈ Cool Avocado
- 8BC49F
≈ Delltone
Bộ ba +120° +240°
- A8BE86
Nile
- 8ABAE5
≈ C’est la Vie
- E19FAD
≈ Nana’s Rose
Bổ túc chia +150° +210°
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.02:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.37:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--nile: #a8be86;
--nile-rgb: 168 190 134;
--nile-oklch: oklch(0.771 0.08 125.6);
}
.element {
color: var(--nile);
background-color: hsl(84 30% 64%);
border-color: oklch(0.771 0.08 125.6);
}Tailwind CSS v4
@theme {
--color-nile: #a8be86;
--color-nile-50: #effae2;
--color-nile-100: #e0edd1;
--color-nile-200: #cbdbb7;
--color-nile-300: #acc094;
--color-nile-400: #93a773;
--color-nile-500: #799054;
--color-nile-600: #677a48;
--color-nile-700: #526139;
--color-nile-800: #3d4727;
--color-nile-900: #2a311a;
--color-nile-950: #171d0b;
}SCSS
$nile: #a8be86;
$nile-rgb: 168, 190, 134;
$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);
}