En yakın adlandırılmış renk · #404321
#404321
En yakın adlandırılmış renk: Alligator Gladiator
#404321 (rgb(64 67 33), hsl(65 34% 20%), oklch(0.371 0.053 113.1)) en çok Alligator Gladiator adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#404321
oklch(0.371 0.053 113.1)
Renk dönüşümleri
- HEX
- #404321
- RGB
- rgb(64 67 33)
- HSL
- hsl(65 34% 20%)
- HWB
- hwb(65 13% 74%)
- OKLCH
- oklch(0.371 0.053 113.1)
- OKLab
- oklab(0.371 -0.021 0.048)
- CIE Lab
- lab(27.45 -5.77 20.07)
- LCH
- lch(27.45 20.88 106)
- CMYK
- cmyk(4% 0% 51% 74%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 515435
- 626549
- 74775E
- 878974
- 9A9C8A
- ADAFA0
- C1C3B7
- D5D6CF
- EAEBE7
Koyu tonlar
- 36391B
- 2D2F16
- 242610
- 1B1D0B
- 131406
- 0B0C03
- 050501
- 010100
- 000000
Gri tonlar
- 46492B
- 4C4F34
- 52553D
- 585B47
- 5F6150
- 656759
- 6C6D63
- 73736D
- 797A76
Renk uyumları
Tamamlayıcı +180°
- 404321
Alligator Gladiator
- 413B59
≈ Magic Night
Analog -30° +30°
- 404321
Alligator Gladiator
- 4D3D1D
≈ Avocado Stone
- 2F472E
≈ Palm Leaf
Üçlü +120° +240°
- 404321
Alligator Gladiator
- 204557
≈ Astronaut Blue
- 563442
≈ Blackberry Tart
Bölünmüş tamamlayıcı +150° +210°
- 404321
Alligator Gladiator
- 31405C
≈ Gulf Blue
- 4E3650
≈ Chive Bloom
Dörtlü +90° +180° +270°
- 404321
Alligator Gladiator
- 16484C
≈ Incubi Darkness
- 413B59
≈ Magic Night
- 593533
≈ Arresting Auburn
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.27:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 2.04:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.27:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--alligator-gladiator: #404321;
--alligator-gladiator-rgb: 64 67 33;
--alligator-gladiator-oklch: oklch(0.371 0.053 113.1);
}
.element {
color: var(--alligator-gladiator);
background-color: hsl(65 34% 20%);
border-color: oklch(0.371 0.053 113.1);
}Tailwind CSS v4
@theme {
--color-alligator-gladiator: #404321;
--color-alligator-gladiator-50: #f4f7e6;
--color-alligator-gladiator-100: #e7ead7;
--color-alligator-gladiator-200: #d3d7be;
--color-alligator-gladiator-300: #b6bb9d;
--color-alligator-gladiator-400: #9ea27f;
--color-alligator-gladiator-500: #868a62;
--color-alligator-gladiator-600: #717553;
--color-alligator-gladiator-700: #5b5e42;
--color-alligator-gladiator-800: #43442f;
--color-alligator-gladiator-900: #2e2f20;
--color-alligator-gladiator-950: #1b1c0f;
}SCSS
$alligator-gladiator: #404321;
$alligator-gladiator-rgb: 64, 67, 33;
$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);
}