Màu có tên gần nhất · #A1BC8E
#A1BC8E
Màu có tên gần nhất: Norway
#A1BC8E (rgb(161 188 142), hsl(95 26% 65%), oklch(0.763 0.07 132.7)) gần nhất với màu có tên Norway. 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.
#A1BC8E
oklch(0.763 0.07 132.7)
Chuyển đổi màu
- HEX
- #a1bc8e
- RGB
- rgb(161 188 142)
- HSL
- hsl(95 26% 65%)
- HWB
- hwb(95 56% 26%)
- OKLCH
- oklch(0.763 0.07 132.7)
- OKLab
- oklab(0.763 -0.048 0.052)
- CIE Lab
- lab(73.3 -15.84 20.18)
- LCH
- lch(73.3 25.66 128.1)
- CMYK
- cmyk(14% 0% 24% 26%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- AAC399
- B3C9A4
- BDD0AF
- C6D7BB
- CFDDC6
- D9E4D1
- E2EBDC
- ECF1E8
- F5F8F3
Sắc đậm
- 8BA37B
- 768B68
- 627356
- 4E5D44
- 3C4734
- 2A3224
- 191F15
- 090D07
- 010201
Sắc xám
- 9EB68D
- 9AB08C
- 97AA8A
- 94A489
- 909E88
- 8D9886
- 8A9285
- 878C83
- 838682
Hòa sắc
Bổ túc +180°
- A1BC8E
Norway
- C2A5D2
≈ Feminine Fancy
Tương đồng -30° +30°
- A1BC8E
Norway
- BAB480
≈ Leek Powder
- 89C0A5
≈ Baby Cake
Bộ ba +120° +240°
- A1BC8E
Norway
- 92B5DE
≈ Echo Isles Water
- DBA0A5
≈ Rosetti Pink
Bổ túc chia +150° +210°
- A1BC8E
Norway
- ABADDE
≈ Maximum Blue Purple
- D2A1BE
≈ Enhance
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.07:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 10.09:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.09:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
CSS
:root {
--norway: #a1bc8e;
--norway-rgb: 161 188 142;
--norway-oklch: oklch(0.763 0.07 132.7);
}
.element {
color: var(--norway);
background-color: hsl(95 26% 65%);
border-color: oklch(0.763 0.07 132.7);
}Tailwind CSS v4
@theme {
--color-norway: #a1bc8e;
--color-norway-50: #edfae6;
--color-norway-100: #deeed6;
--color-norway-200: #c8dbbd;
--color-norway-300: #a8c09c;
--color-norway-400: #8fa87d;
--color-norway-500: #749060;
--color-norway-600: #637a51;
--color-norway-700: #4f6241;
--color-norway-800: #3a472e;
--color-norway-900: #28311f;
--color-norway-950: #161d0f;
}SCSS
$norway: #a1bc8e;
$norway-rgb: 161, 188, 142;
$norway-light: mix(#fff, $norway, 20%);
$norway-dark: mix(#000, $norway, 20%);
.element {
color: $norway;
box-shadow: 0 0 0 2px rgba($norway, 0.35);
}