Najbliższy nazwany kolor · #424917
#424917
Najbliższy nazwany kolor: Alligator Gladiator
#424917 (rgb(66 73 23), hsl(68 52% 19%), oklch(0.387 0.072 116.6)) jest najbliższy nazwanemu kolorowi Alligator Gladiator. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#424917
oklch(0.387 0.072 116.6)
Konwersje koloru
- HEX
- #424917
- RGB
- rgb(66 73 23)
- HSL
- hsl(68 52% 19%)
- HWB
- hwb(68 9% 71%)
- OKLCH
- oklch(0.387 0.072 116.6)
- OKLab
- oklab(0.387 -0.032 0.064)
- CIE Lab
- lab(29.51 -8.94 27.89)
- LCH
- lch(29.51 29.29 107.8)
- CMYK
- cmyk(10% 0% 68% 71%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 535A2E
- 646B44
- 767C5A
- 888E70
- 9BA087
- AEB29E
- C2C5B5
- D6D8CD
- EAEBE6
Odcienie ciemniejsze
- 383E12
- 2F340E
- 252A0A
- 1C2006
- 141704
- 0B0E02
- 050601
- 010200
- 000000
Tony
- 484E23
- 4E542E
- 545939
- 5A5F43
- 60644D
- 666A57
- 6C6F61
- 73756B
- 797A76
Harmonie kolorów
Komplementarna +180°
- 424917
Alligator Gladiator
- 483C66
≈ Mulberry Purple
Analogowa -30° +30°
- 424917
Alligator Gladiator
- 55410D
≈ Smoked Oak Brown
- 284F2D
≈ Cal Poly Pomona Green
Triada +120° +240°
- 424917
Alligator Gladiator
- 154A66
≈ Victorian Peacock
- 623345
≈ Clinker Red
Komplementarna rozszczepiona +150° +210°
- 424917
Alligator Gladiator
- 33436B
≈ Forlorn Cruise
- 583659
≈ Purpurite Violet
Tetrada +90° +180° +270°
- 424917
Alligator Gladiator
- 004E56
≈ Deep Atlantic Blue
- 483C66
≈ Mulberry Purple
- 65342F
≈ War God
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.55:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.19:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.55:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--alligator-gladiator: #424917;
--alligator-gladiator-rgb: 66 73 23;
--alligator-gladiator-oklch: oklch(0.387 0.072 116.6);
}
.element {
color: var(--alligator-gladiator);
background-color: hsl(68 52% 19%);
border-color: oklch(0.387 0.072 116.6);
}Tailwind CSS v4
@theme {
--color-alligator-gladiator: #424917;
--color-alligator-gladiator-50: #f3f8e2;
--color-alligator-gladiator-100: #e5ecd1;
--color-alligator-gladiator-200: #d1d9b7;
--color-alligator-gladiator-300: #b3bd94;
--color-alligator-gladiator-400: #9ba473;
--color-alligator-gladiator-500: #838c54;
--color-alligator-gladiator-600: #6f7748;
--color-alligator-gladiator-700: #595f39;
--color-alligator-gladiator-800: #424528;
--color-alligator-gladiator-900: #2d301b;
--color-alligator-gladiator-950: #1a1c0b;
}SCSS
$alligator-gladiator: #424917;
$alligator-gladiator-rgb: 66, 73, 23;
$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);
}