Màu có tên gần nhất · #849D00
#849D00
Màu có tên gần nhất: Noxious
#849D00 (rgb(132 157 0), hsl(70 100% 31%), oklch(0.653 0.156 120.4)) gần nhất với màu có tên Noxious. 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.
#849D00
oklch(0.653 0.156 120.4)
Chuyển đổi màu
- HEX
- #849d00
- RGB
- rgb(132 157 0)
- HSL
- hsl(70 100% 31%)
- HWB
- hwb(70 0% 38%)
- OKLCH
- oklch(0.653 0.156 120.4)
- OKLab
- oklab(0.653 -0.079 0.134)
- CIE Lab
- lab(61.05 -21.81 62.47)
- LCH
- lch(61.05 66.17 109.2)
- CMYK
- cmyk(16% 0% 100% 38%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8FA735
- 9BB151
- A7BB69
- B3C580
- BFCE95
- CBD8AB
- D8E2C0
- E5ECD5
- F2F5EA
Sắc đậm
- 728800
- 607300
- 4F5F00
- 3F4C00
- 2F3A00
- 202800
- 121800
- 060900
- 010100
Sắc xám
- 839A25
- 839837
- 829544
- 82924F
- 828F59
- 818C62
- 818A6A
- 808672
- 808379
Hòa sắc
Bổ túc +180°
- 849D00
Noxious
- A077E0
≈ Matt Purple
Tương đồng -30° +30°
- 849D00
Noxious
- AF8B00
≈ Yellow Brown
- 33AA5B
≈ Nordic Grass Green
Bộ ba +120° +240°
- 849D00
Noxious
- 0099E2
≈ Atmosphere
- D9628C
≈ Groovy
Bổ túc chia +150° +210°
- 849D00
Noxious
- 6C88EE
≈ Soft Blue
- C469BC
≈ Purple Urn Orchid
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 3.08:1 · APCA Lc 58
Ag
AATrên nền đen
WCAG 6.80:1 · APCA Lc 44
Màu chữ tốt nhất: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
Đoạn mã
CSS
:root {
--noxious: #849d00;
--noxious-rgb: 132 157 0;
--noxious-oklch: oklch(0.653 0.156 120.4);
}
.element {
color: var(--noxious);
background-color: hsl(70 100% 31%);
border-color: oklch(0.653 0.156 120.4);
}Tailwind CSS v4
@theme {
--color-noxious: #849d00;
--color-noxious-50: #edfdcc;
--color-noxious-100: #def1b7;
--color-noxious-200: #c8df94;
--color-noxious-300: #a9c466;
--color-noxious-400: #92ab30;
--color-noxious-500: #799300;
--color-noxious-600: #677d00;
--color-noxious-700: #526400;
--color-noxious-800: #3e4900;
--color-noxious-900: #2a3200;
--color-noxious-950: #181e00;
}SCSS
$noxious: #849d00;
$noxious-rgb: 132, 157, 0;
$noxious-light: mix(#fff, $noxious, 20%);
$noxious-dark: mix(#000, $noxious, 20%);
.element {
color: $noxious;
box-shadow: 0 0 0 2px rgba($noxious, 0.35);
}