Colore con nome più vicino · #404321
#404321
Colore con nome più vicino: Alligator Gladiator
#404321 (rgb(64 67 33), hsl(65 34% 20%), oklch(0.371 0.053 113.1)) è più vicino al colore con nome Alligator Gladiator. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#404321
oklch(0.371 0.053 113.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 515435
- 626549
- 74775E
- 878974
- 9A9C8A
- ADAFA0
- C1C3B7
- D5D6CF
- EAEBE7
Ombre
- 36391B
- 2D2F16
- 242610
- 1B1D0B
- 131406
- 0B0C03
- 050501
- 010100
- 000000
Toni
- 46492B
- 4C4F34
- 52553D
- 585B47
- 5F6150
- 656759
- 6C6D63
- 73736D
- 797A76
Armonie di colore
Complementare +180°
- 404321
Alligator Gladiator
- 413B59
≈ Magic Night
Analogo -30° +30°
- 404321
Alligator Gladiator
- 4D3D1D
≈ Avocado Stone
- 2F472E
≈ Palm Leaf
Triadico +120° +240°
- 404321
Alligator Gladiator
- 204557
≈ Astronaut Blue
- 563442
≈ Blackberry Tart
Complementare divisa +150° +210°
- 404321
Alligator Gladiator
- 31405C
≈ Gulf Blue
- 4E3650
≈ Chive Bloom
Tetradico +90° +180° +270°
- 404321
Alligator Gladiator
- 16484C
≈ Incubi Darkness
- 413B59
≈ Magic Night
- 593533
≈ Arresting Auburn
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.27:1 · APCA Lc 94
Ag
FailSu nero
WCAG 2.04:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.27:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
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);
}