Benannte Farbe · #293432
Aztec
Aztec ist #293432: rgb(41 52 50), hsl(169 12% 18%), oklch(0.314 0.015 183.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Aztec color name →
#293432
oklch(0.314 0.015 183.1)
Farbumrechnungen
- HEX
- #293432
- RGB
- rgb(41 52 50)
- HSL
- hsl(169 12% 18%)
- HWB
- hwb(169 16% 80%)
- OKLCH
- oklch(0.314 0.015 183.1)
- OKLab
- oklab(0.314 -0.015 -0.001)
- CIE Lab
- lab(20.63 -5.2 -0.36)
- LCH
- lch(20.63 5.21 183.9)
- CMYK
- cmyk(21% 0% 4% 80%)
Tints · Shades · Tones
Tints
- 3B4644
- 4F5856
- 626B69
- 777F7D
- 8C9392
- A2A8A7
- B9BDBC
- D0D2D2
- E7E9E8
Shades
- 222C2A
- 1C2422
- 151C1B
- 0F1514
- 090E0D
- 050707
- 020303
- 010101
- 000000
Tones
- 313B39
- 394241
- 424A48
- 4A5150
- 535957
- 5C605F
- 646867
- 6E706F
- 777878
Farbharmonien
Komplementär +180°
- 293432
Aztec
- 382E30
≈ Smoked Black Coffee
Analog -30° +30°
- 293432
Aztec
- 2C342E
≈ Terminal Black
- 293436
≈ Aztec
Triadisch +120° +240°
- 293432
Aztec
- 333038
≈ Smiler’s Mist
- 373029
≈ Acadia
Geteilt komplementär +150° +210°
- 293432
Aztec
- 362F35
≈ Lava Black
- 392F2C
≈ Mole
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.87:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.63:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.87:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--aztec: #293432;
--aztec-rgb: 41 52 50;
--aztec-oklch: oklch(0.314 0.015 183.1);
}
.element {
color: var(--aztec);
background-color: hsl(169 12% 18%);
border-color: oklch(0.314 0.015 183.1);
}Tailwind CSS v4
@theme {
--color-aztec: #293432;
--color-aztec-50: #f1f7f6;
--color-aztec-100: #e3eae8;
--color-aztec-200: #cdd6d5;
--color-aztec-300: #afbab8;
--color-aztec-400: #95a19f;
--color-aztec-500: #7c8a87;
--color-aztec-600: #697472;
--color-aztec-700: #545d5b;
--color-aztec-800: #3d4443;
--color-aztec-900: #2a2f2e;
--color-aztec-950: #171c1b;
}SCSS
$aztec: #293432;
$aztec-rgb: 41, 52, 50;
$aztec-light: mix(#fff, $aztec, 20%);
$aztec-dark: mix(#000, $aztec, 20%);
.element {
color: $aztec;
box-shadow: 0 0 0 2px rgba($aztec, 0.35);
}