Colore con nome · #879D99
Agave
Agave è #879D99: rgb(135 157 153), hsl(169 10% 57%), oklch(0.678 0.025 183.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Agave color name →
#879D99
oklch(0.678 0.025 183.4)
Conversioni di colore
- HEX
- #879d99
- RGB
- rgb(135 157 153)
- HSL
- hsl(169 10% 57%)
- HWB
- hwb(169 53% 38%)
- OKLCH
- oklch(0.678 0.025 183.4)
- OKLab
- oklab(0.678 -0.025 -0.002)
- CIE Lab
- lab(62.92 -8.65 -0.65)
- LCH
- lch(62.92 8.68 184.3)
- CMYK
- cmyk(14% 0% 3% 38%)
Tinte · Ombre · Toni
Tinte
- 92A6A3
- 9EB0AD
- AABAB7
- B6C3C1
- C2CDCB
- CED7D5
- DAE1DF
- E6EBEA
- F3F5F4
Ombre
- 758884
- 637370
- 515F5D
- 414C4A
- 313A38
- 212827
- 131817
- 060908
- 010101
Toni
- 869A96
- 869794
- 859491
- 84918F
- 848E8C
- 838C8A
- 828987
- 828685
- 818382
Armonie di colore
Complementare +180°
- 879D99
Agave
- A69196
≈ Nirvana
Analogo -30° +30°
- 879D99
Agave
- 8C9C90
≈ Iceberg Green
- 869CA1
≈ Blue Tea
Triadico +120° +240°
- 879D99
Agave
- 9B94A5
≈ Purple Surf
- A39588
≈ Zorba
Complementare divisa +150° +210°
- 879D99
Agave
- A2929E
≈ Nirvana
- A7928E
≈ Tribeca
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.87:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.31:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.31:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--agave: #879d99;
--agave-rgb: 135 157 153;
--agave-oklch: oklch(0.678 0.025 183.4);
}
.element {
color: var(--agave);
background-color: hsl(169 10% 57%);
border-color: oklch(0.678 0.025 183.4);
}Tailwind CSS v4
@theme {
--color-agave: #879d99;
--color-agave-50: #eef8f6;
--color-agave-100: #dfebe9;
--color-agave-200: #c9d8d6;
--color-agave-300: #aabcb9;
--color-agave-400: #8fa4a0;
--color-agave-500: #748c88;
--color-agave-600: #627673;
--color-agave-700: #4f5f5c;
--color-agave-800: #394543;
--color-agave-900: #27302e;
--color-agave-950: #151c1b;
}SCSS
$agave: #879d99;
$agave-rgb: 135, 157, 153;
$agave-light: mix(#fff, $agave, 20%);
$agave-dark: mix(#000, $agave, 20%);
.element {
color: $agave;
box-shadow: 0 0 0 2px rgba($agave, 0.35);
}