Màu có tên gần nhất · #ABC095
#ABC095
Màu có tên gần nhất: Norway
#ABC095 (rgb(171 192 149), hsl(89 25% 67%), oklch(0.78 0.063 129)) 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.
#ABC095
oklch(0.78 0.063 129)
Chuyển đổi màu
- HEX
- #abc095
- RGB
- rgb(171 192 149)
- HSL
- hsl(89 25% 67%)
- HWB
- hwb(89 58% 25%)
- OKLCH
- oklch(0.78 0.063 129)
- OKLab
- oklab(0.78 -0.04 0.049)
- CIE Lab
- lab(75.25 -13.21 19.25)
- LCH
- lch(75.25 23.35 124.5)
- CMYK
- cmyk(11% 0% 22% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B3C69F
- BBCCAA
- C4D3B4
- CCD9BF
- D4DFC9
- DDE6D4
- E5ECDF
- EEF2E9
- F6F9F4
Sắc đậm
- 94A781
- 7E8E6D
- 68765A
- 545F48
- 404937
- 2D3426
- 1B2016
- 0B0E08
- 010201
Sắc xám
- A7B993
- A2B391
- 9EAC8F
- 9AA68D
- 95A08B
- 919989
- 8D9387
- 888D84
- 848682
Hòa sắc
Bổ túc +180°
- ABC095
Norway
- C3ADD7
≈ Purple Gala
Tương đồng -30° +30°
Bộ ba +120° +240°
- ABC095
Norway
- 99BCDF
≈ Rainy Week
- DCA7AF
≈ Prom
Bổ túc chia +150° +210°
- ABC095
Norway
- AEB4E0
≈ Sassy Violet
- D4A8C5
≈ 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.96:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.70:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.70:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
CSS
:root {
--norway: #abc095;
--norway-rgb: 171 192 149;
--norway-oklch: oklch(0.78 0.063 129);
}
.element {
color: var(--norway);
background-color: hsl(89 25% 67%);
border-color: oklch(0.78 0.063 129);
}Tailwind CSS v4
@theme {
--color-norway: #abc095;
--color-norway-50: #eff9e7;
--color-norway-100: #e1edd7;
--color-norway-200: #cbdabe;
--color-norway-300: #acbf9d;
--color-norway-400: #93a67e;
--color-norway-500: #798f61;
--color-norway-600: #677953;
--color-norway-700: #526142;
--color-norway-800: #3c472f;
--color-norway-900: #29311f;
--color-norway-950: #171d0f;
}SCSS
$norway: #abc095;
$norway-rgb: 171, 192, 149;
$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);
}