Màu có tên gần nhất · #4D5B00
#4D5B00
Màu có tên gần nhất: Forestial Outpost
#4D5B00 (rgb(77 91 0), hsl(69 100% 18%), oklch(0.443 0.105 119.5)) gần nhất với màu có tên Forestial Outpost. 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.
#4D5B00
oklch(0.443 0.105 119.5)
Chuyển đổi màu
- HEX
- #4d5b00
- RGB
- rgb(77 91 0)
- HSL
- hsl(69 100% 18%)
- HWB
- hwb(69 0% 64%)
- OKLCH
- oklch(0.443 0.105 119.5)
- OKLab
- oklab(0.443 -0.052 0.091)
- CIE Lab
- lab(36.27 -14.14 42.43)
- LCH
- lch(36.27 44.72 108.4)
- CMYK
- cmyk(15% 0% 100% 64%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5D6A26
- 6D7A3F
- 7E8A57
- 8F9A6E
- A1AA86
- B3BB9D
- C5CCB5
- D8DDCD
- EBEEE6
Sắc đậm
- 424E00
- 374100
- 2C3500
- 222900
- 181E00
- 0F1300
- 070900
- 020300
- 000000
Sắc xám
- 525F19
- 576328
- 5B6735
- 606A40
- 666E4C
- 6B7256
- 707561
- 75796B
- 7B7C76
Hòa sắc
Bổ túc +180°
- 4D5B00
Forestial Outpost
- 5C4484
≈ Gigas
Tương đồng -30° +30°
- 4D5B00
Forestial Outpost
- 675000
≈ Olive Brown
- 1D6332
≈ Bucolic
Bộ ba +120° +240°
- 4D5B00
Forestial Outpost
- 005985
≈ Sea Cave
- 803752
≈ Rich Red Violet
Bổ túc chia +150° +210°
- 4D5B00
Forestial Outpost
- 3D4F8D
≈ Tory Blue
- 733C6F
≈ Burnt Orchid
Bộ bốn +90° +180° +270°
- 4D5B00
Forestial Outpost
- 005F6A
≈ Petrol
- 5C4484
≈ Gigas
- 84392F
≈ Crabapple
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.46:1 · APCA Lc 86
Ag
FailTrên nền đen
WCAG 2.81:1 · APCA Lc 16
Màu chữ tốt nhất: #FFFFFF
WCAG 7.46:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--forestial-outpost: #4d5b00;
--forestial-outpost-rgb: 77 91 0;
--forestial-outpost-oklch: oklch(0.443 0.105 119.5);
}
.element {
color: var(--forestial-outpost);
background-color: hsl(69 100% 18%);
border-color: oklch(0.443 0.105 119.5);
}Tailwind CSS v4
@theme {
--color-forestial-outpost: #4d5b00;
--color-forestial-outpost-50: #f0fad9;
--color-forestial-outpost-100: #e2eec7;
--color-forestial-outpost-200: #cddcaa;
--color-forestial-outpost-300: #afc084;
--color-forestial-outpost-400: #97a85e;
--color-forestial-outpost-500: #7e9038;
--color-forestial-outpost-600: #6b7a31;
--color-forestial-outpost-700: #556127;
--color-forestial-outpost-800: #404719;
--color-forestial-outpost-900: #2c3110;
--color-forestial-outpost-950: #191d03;
}SCSS
$forestial-outpost: #4d5b00;
$forestial-outpost-rgb: 77, 91, 0;
$forestial-outpost-light: mix(#fff, $forestial-outpost, 20%);
$forestial-outpost-dark: mix(#000, $forestial-outpost, 20%);
.element {
color: $forestial-outpost;
box-shadow: 0 0 0 2px rgba($forestial-outpost, 0.35);
}