Nächste benannte Farbe · #424217
#424217
Nächste benannte Farbe: Alligator Gladiator
#424217 (rgb(66 66 23), hsl(60 48% 17%), oklch(0.369 0.062 109.1)) liegt am nächsten an der benannten Farbe Alligator Gladiator. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#424217
oklch(0.369 0.062 109.1)
Farbumrechnungen
- HEX
- #424217
- RGB
- rgb(66 66 23)
- HSL
- hsl(60 48% 17%)
- HWB
- hwb(60 9% 74%)
- OKLCH
- oklch(0.369 0.062 109.1)
- OKLab
- oklab(0.369 -0.02 0.059)
- CIE Lab
- lab(27.21 -4.97 25.46)
- LCH
- lch(27.21 25.94 101)
- CMYK
- cmyk(0% 0% 65% 74%)
Tints · Shades · Tones
Tints
- 53532D
- 646443
- 767659
- 88896F
- 9B9C86
- AEAF9D
- C2C2B5
- D6D6CD
- EAEAE6
Shades
- 383812
- 2F2F0E
- 25250A
- 1C1C06
- 141404
- 0B0B02
- 050501
- 010100
- 000000
Tones
- 484823
- 4E4E2D
- 545438
- 5A5A42
- 60614C
- 666756
- 6C6D61
- 73736B
- 797A75
Farbharmonien
Komplementär +180°
- 424217
Alligator Gladiator
- 3E3A5E
≈ Patriot Blue
Analog -30° +30°
- 424217
Alligator Gladiator
- 513B14
≈ Pineapple
- 2E4727
≈ Forestry
Triadisch +120° +240°
- 424217
Alligator Gladiator
- 13455A
≈ Sultan’s Silk
- 583145
≈ Blackberry Tart
Geteilt komplementär +150° +210°
- 424217
Alligator Gladiator
- 2B4060
≈ Alpine Race
- 4E3454
≈ Blackberry Cordial
Tetradisch +90° +180° +270°
- 424217
Alligator Gladiator
- 01494C
≈ Sherpa Blue
- 3E3A5E
≈ Patriot Blue
- 5C3132
≈ Rampant Rhubarb
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.37:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 2.02:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.37:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--alligator-gladiator: #424217;
--alligator-gladiator-rgb: 66 66 23;
--alligator-gladiator-oklch: oklch(0.369 0.062 109.1);
}
.element {
color: var(--alligator-gladiator);
background-color: hsl(60 48% 17%);
border-color: oklch(0.369 0.062 109.1);
}Tailwind CSS v4
@theme {
--color-alligator-gladiator: #424217;
--color-alligator-gladiator-50: #f5f7e3;
--color-alligator-gladiator-100: #e8ead3;
--color-alligator-gladiator-200: #d5d7b9;
--color-alligator-gladiator-300: #b8bb96;
--color-alligator-gladiator-400: #a1a277;
--color-alligator-gladiator-500: #898a59;
--color-alligator-gladiator-600: #74754c;
--color-alligator-gladiator-700: #5d5d3c;
--color-alligator-gladiator-800: #45442a;
--color-alligator-gladiator-900: #2f2f1c;
--color-alligator-gladiator-950: #1c1b0d;
}SCSS
$alligator-gladiator: #424217;
$alligator-gladiator-rgb: 66, 66, 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);
}