Màu có tên gần nhất · #40411D
#40411D
Màu có tên gần nhất: Alligator Gladiator
#40411D (rgb(64 65 29), hsl(62 38% 18%), oklch(0.365 0.055 110.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.
#40411D
oklch(0.365 0.055 110.2)
Chuyển đổi màu
- HEX
- #40411d
- RGB
- rgb(64 65 29)
- HSL
- hsl(62 38% 18%)
- HWB
- hwb(62 11% 75%)
- OKLCH
- oklch(0.365 0.055 110.2)
- OKLab
- oklab(0.365 -0.019 0.051)
- CIE Lab
- lab(26.75 -4.95 21.56)
- LCH
- lch(26.75 22.12 102.9)
- CMYK
- cmyk(2% 0% 55% 75%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 515232
- 626346
- 74765C
- 878871
- 9A9B88
- ADAE9F
- C1C2B6
- D5D6CE
- EAEAE6
Sắc đậm
- 363718
- 2D2E13
- 24250E
- 1B1C09
- 131305
- 0B0B03
- 050501
- 010100
- 000000
Sắc xám
- 464727
- 4C4D31
- 52533B
- 585A45
- 5F604E
- 656658
- 6C6D62
- 72736C
- 797976
Hòa sắc
Bổ túc +180°
- 40411D
Alligator Gladiator
- 3E3959
≈ Magic Night
Tương đồng -30° +30°
- 40411D
Alligator Gladiator
- 4D3B1A
≈ Avocado Stone
- 2E462A
≈ Forestry
Bộ ba +120° +240°
- 40411D
Alligator Gladiator
- 1B4456
≈ Blue Syzygy
- 543242
≈ Blackberry Tart
Bổ túc chia +150° +210°
- 40411D
Alligator Gladiator
- 2D3F5B
≈ Academic Blue
- 4B3550
≈ Oregon Grape
Bộ bốn +90° +180° +270°
- 40411D
Alligator Gladiator
- 11474A
≈ Incubi Darkness
- 3E3959
≈ Magic Night
- 583232
≈ Mid Century
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.54:1 · APCA Lc 94
Ag
FailTrên nền đen
WCAG 1.99:1 · APCA Lc 8
Màu chữ tốt nhất: #FFFFFF
WCAG 10.54:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--alligator-gladiator: #40411d;
--alligator-gladiator-rgb: 64 65 29;
--alligator-gladiator-oklch: oklch(0.365 0.055 110.2);
}
.element {
color: var(--alligator-gladiator);
background-color: hsl(62 38% 18%);
border-color: oklch(0.365 0.055 110.2);
}Tailwind CSS v4
@theme {
--color-alligator-gladiator: #40411d;
--color-alligator-gladiator-50: #f5f7e5;
--color-alligator-gladiator-100: #e8ead6;
--color-alligator-gladiator-200: #d4d7bd;
--color-alligator-gladiator-300: #b7bb9b;
--color-alligator-gladiator-400: #a0a27d;
--color-alligator-gladiator-500: #888a5f;
--color-alligator-gladiator-600: #737551;
--color-alligator-gladiator-700: #5c5d40;
--color-alligator-gladiator-800: #44442e;
--color-alligator-gladiator-900: #2f2f1f;
--color-alligator-gladiator-950: #1b1b0f;
}SCSS
$alligator-gladiator: #40411d;
$alligator-gladiator-rgb: 64, 65, 29;
$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);
}