Màu có tên gần nhất · #ABC197
#ABC197
Màu có tên gần nhất: Norway
#ABC197 (rgb(171 193 151), hsl(91 25% 67%), oklch(0.783 0.063 130.3)) 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.
#ABC197
oklch(0.783 0.063 130.3)
Chuyển đổi màu
- HEX
- #abc197
- RGB
- rgb(171 193 151)
- HSL
- hsl(91 25% 67%)
- HWB
- hwb(91 59% 24%)
- OKLCH
- oklch(0.783 0.063 130.3)
- OKLab
- oklab(0.783 -0.04 0.048)
- CIE Lab
- lab(75.55 -13.45 18.61)
- LCH
- lch(75.55 22.97 125.9)
- CMYK
- cmyk(11% 0% 22% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B3C7A1
- BBCDAB
- C4D3B6
- CCDAC0
- D4E0CA
- DDE6D5
- E5ECDF
- EEF2EA
- F6F9F4
Sắc đậm
- 94A783
- 7E8F6F
- 68775C
- 545F49
- 404937
- 2D3426
- 1B2017
- 0B0E08
- 010201
Sắc xám
- A7BA95
- A2B493
- 9EAD90
- 9AA78E
- 95A08C
- 919A8A
- 8D9387
- 888D85
- 848682
Hòa sắc
Bổ túc +180°
- ABC197
Norway
- C5AED7
≈ Darling Lilac
Tương đồng -30° +30°
- ABC197
Norway
- C1BA8C
≈ Goody Two Shoes
- 96C5AB
≈ Mini Green
Bộ ba +120° +240°
- ABC197
Norway
- 9BBCE0
≈ Aegean Mist
- DDA8AF
≈ Raspberry Lemonade
Bổ túc chia +150° +210°
- ABC197
Norway
- B0B5E1
≈ Beloved
- D5A9C5
≈ Heart to Heart
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 1.94:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.80:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.80:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
CSS
:root {
--norway: #abc197;
--norway-rgb: 171 193 151;
--norway-oklch: oklch(0.783 0.063 130.3);
}
.element {
color: var(--norway);
background-color: hsl(91 25% 67%);
border-color: oklch(0.783 0.063 130.3);
}Tailwind CSS v4
@theme {
--color-norway: #abc197;
--color-norway-50: #eef9e7;
--color-norway-100: #e0edd7;
--color-norway-200: #cadabf;
--color-norway-300: #acbf9e;
--color-norway-400: #92a67f;
--color-norway-500: #788f63;
--color-norway-600: #667954;
--color-norway-700: #516143;
--color-norway-800: #3c472f;
--color-norway-900: #293120;
--color-norway-950: #171d10;
}SCSS
$norway: #abc197;
$norway-rgb: 171, 193, 151;
$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);
}