Màu có tên gần nhất · #4A4000
#4A4000
Màu có tên gần nhất: Alligator Gladiator
#4A4000 (rgb(74 64 0), hsl(52 100% 15%), oklch(0.37 0.077 99.2)) gần nhất với màu có tên Alligator Gladiator. 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.
#4A4000
oklch(0.37 0.077 99.2)
Chuyển đổi màu
- HEX
- #4a4000
- RGB
- rgb(74 64 0)
- HSL
- hsl(52 100% 15%)
- HWB
- hwb(52 0% 71%)
- OKLCH
- oklch(0.37 0.077 99.2)
- OKLab
- oklab(0.37 -0.012 0.076)
- CIE Lab
- lab(27.29 -0.66 35.86)
- LCH
- lch(27.29 35.87 91)
- CMYK
- cmyk(0% 14% 100% 71%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5A5120
- 6B6339
- 7C7550
- 8D8868
- 9F9B80
- B2AE98
- C5C2B1
- D8D6CB
- EBEAE5
Sắc đậm
- 3F3600
- 352D00
- 2A2400
- 201B00
- 171300
- 0E0B00
- 060500
- 020100
- 000000
Sắc xám
- 4F4614
- 544D22
- 59532F
- 5F593B
- 646047
- 6A6652
- 6F6D5D
- 757369
- 7A7974
Hòa sắc
Bổ túc +180°
- 4A4000
Alligator Gladiator
- 383B68
≈ Rhynchites Nitens
Tương đồng -30° +30°
- 4A4000
Alligator Gladiator
- 5A3706
≈ Chocolate Fantasies
- 334817
≈ Treetop Cathedral
Bộ ba +120° +240°
- 4A4000
Alligator Gladiator
- 004858
≈ Midnight Green
- 5A2E4D
≈ Winter Bloom
Bổ túc chia +150° +210°
- 4A4000
Alligator Gladiator
- 1B4267
≈ Lucidity
- 4C335E
≈ Royal Crown
Bộ bốn +90° +180° +270°
- 4A4000
Alligator Gladiator
- 004A47
≈ Deep Into the Jungle
- 383B68
≈ Rhynchites Nitens
- 612D37
≈ Chocolate Truffle
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.37:1 · APCA Lc 94
Ag
FailTrên nền đen
WCAG 2.02:1 · APCA Lc 9
Màu chữ tốt nhất: #FFFFFF
WCAG 10.37:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--alligator-gladiator: #4a4000;
--alligator-gladiator-rgb: 74 64 0;
--alligator-gladiator-oklch: oklch(0.37 0.077 99.2);
}
.element {
color: var(--alligator-gladiator);
background-color: hsl(52 100% 15%);
border-color: oklch(0.37 0.077 99.2);
}Tailwind CSS v4
@theme {
--color-alligator-gladiator: #4a4000;
--color-alligator-gladiator-50: #f9f6de;
--color-alligator-gladiator-100: #ede9cc;
--color-alligator-gladiator-200: #dbd6b0;
--color-alligator-gladiator-300: #bfb98c;
--color-alligator-gladiator-400: #a9a06a;
--color-alligator-gladiator-500: #938748;
--color-alligator-gladiator-600: #7c723e;
--color-alligator-gladiator-700: #635c31;
--color-alligator-gladiator-800: #4a4322;
--color-alligator-gladiator-900: #332e17;
--color-alligator-gladiator-950: #1f1b08;
}SCSS
$alligator-gladiator: #4a4000;
$alligator-gladiator-rgb: 74, 64, 0;
$alligator-gladiator-light: mix(#fff, $alligator-gladiator, 20%);
$alligator-gladiator-dark: mix(#000, $alligator-gladiator, 20%);
.element {
color: $alligator-gladiator;
box-shadow: 0 0 0 2px rgba($alligator-gladiator, 0.35);
}