Benannte Farbe · #5A6E6A
Agave Frond
Agave Frond ist #5A6E6A: rgb(90 110 106), hsl(168 10% 39%), oklch(0.521 0.025 181.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Agave Frond color name →
#5A6E6A
oklch(0.521 0.025 181.8)
Farbumrechnungen
- HEX
- #5a6e6a
- RGB
- rgb(90 110 106)
- HSL
- hsl(168 10% 39%)
- HWB
- hwb(168 35% 57%)
- OKLCH
- oklch(0.521 0.025 181.8)
- OKLab
- oklab(0.521 -0.025 -0.001)
- CIE Lab
- lab(44.7 -8.4 -0.37)
- LCH
- lch(44.7 8.41 182.6)
- CMYK
- cmyk(18% 0% 4% 57%)
Tints · Shades · Tones
Tints
- 697B78
- 798986
- 899794
- 99A5A3
- A9B4B2
- BAC2C1
- CBD1D0
- DCE0DF
- EDF0EF
Shades
- 4D5F5B
- 41504D
- 35413F
- 293331
- 1E2624
- 131918
- 090E0D
- 030404
- 000100
Tones
- 5E706C
- 62726E
- 657371
- 697573
- 6D7775
- 717977
- 757B79
- 787C7C
- 7C7E7E
Farbharmonien
Komplementär +180°
- 5A6E6A
Agave Frond
- 766368
≈ Paradise Grape
Analog -30° +30°
- 5A6E6A
Agave Frond
- 5F6D62
≈ Windrock
- 596D71
≈ Unreal Teal
Triadisch +120° +240°
- 5A6E6A
Agave Frond
- 6B6675
≈ Silverado
- 74665B
≈ Mountain Ridge
Geteilt komplementär +150° +210°
- 5A6E6A
Agave Frond
- 726470
≈ Burnt Ash
- 776460
≈ Burnt Grape
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.42:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.87:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.42:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--agave-frond: #5a6e6a;
--agave-frond-rgb: 90 110 106;
--agave-frond-oklch: oklch(0.521 0.025 181.8);
}
.element {
color: var(--agave-frond);
background-color: hsl(168 10% 39%);
border-color: oklch(0.521 0.025 181.8);
}Tailwind CSS v4
@theme {
--color-agave-frond: #5a6e6a;
--color-agave-frond-50: #eef8f6;
--color-agave-frond-100: #dfebe9;
--color-agave-frond-200: #c9d8d5;
--color-agave-frond-300: #aabcb9;
--color-agave-frond-400: #8fa39f;
--color-agave-frond-500: #758c87;
--color-agave-frond-600: #637672;
--color-agave-frond-700: #4f5f5b;
--color-agave-frond-800: #394543;
--color-agave-frond-900: #27302e;
--color-agave-frond-950: #151c1b;
}SCSS
$agave-frond: #5a6e6a;
$agave-frond-rgb: 90, 110, 106;
$agave-frond-light: mix(#fff, $agave-frond, 20%);
$agave-frond-dark: mix(#000, $agave-frond, 20%);
.element {
color: $agave-frond;
box-shadow: 0 0 0 2px rgba($agave-frond, 0.35);
}