Nearest named color · #A4B79D
#A4B79D
Nearest named color: Salvia
#A4B79D (rgb(164 183 157), hsl(104 15% 67%), oklch(0.758 0.042 137.2)) is closest to the named color Salvia. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A4B79D
oklch(0.758 0.042 137.2)
Color conversions
- HEX
- #a4b79d
- RGB
- rgb(164 183 157)
- HSL
- hsl(104 15% 67%)
- HWB
- hwb(104 62% 28%)
- OKLCH
- oklch(0.758 0.042 137.2)
- OKLab
- oklab(0.758 -0.031 0.029)
- CIE Lab
- lab(72.4 -10.46 10.95)
- LCH
- lch(72.4 15.15 133.7)
- CMYK
- cmyk(10% 0% 14% 28%)
Tints · Shades · Tones
Tints
- ADBEA6
- B6C5B0
- BFCCBA
- C8D3C3
- D1DBCD
- DAE2D7
- E3E9E1
- ECF0EB
- F6F8F5
Shades
- 8E9F88
- 798773
- 64705F
- 505A4C
- 3D453A
- 2B3128
- 1A1E18
- 0A0C09
- 010201
Tones
- A0B19A
- 9DAC97
- 99A694
- 96A191
- 929B8F
- 8E968C
- 8B9089
- 878B86
- 848583
Color harmonies
Complementary +180°
- A4B79D
Salvia
- BCA8C2
≈ Fair Orchid
Analogous -30° +30°
- A4B79D
Salvia
- B3B394
≈ Dill Seed
- 98B9AB
≈ Moncur
Triadic +120° +240°
- A4B79D
Salvia
- A0B2CB
≈ Aerial View
- CAA6A7
≈ Hydrangea Bouquet
Split-complementary +150° +210°
- A4B79D
Salvia
- AEADCA
≈ Purple Freedom
- C5A6B5
≈ Pansy Posie
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.13:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.83:1 · APCA Lc 60
Best text color: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
Code snippets
CSS
:root {
--salvia: #a4b79d;
--salvia-rgb: 164 183 157;
--salvia-oklch: oklch(0.758 0.042 137.2);
}
.element {
color: var(--salvia);
background-color: hsl(104 15% 67%);
border-color: oklch(0.758 0.042 137.2);
}Tailwind CSS v4
@theme {
--color-salvia: #a4b79d;
--color-salvia-50: #eff8ed;
--color-salvia-100: #e1ecde;
--color-salvia-200: #cbd9c8;
--color-salvia-300: #adbda9;
--color-salvia-400: #93a58c;
--color-salvia-500: #798d72;
--color-salvia-600: #677760;
--color-salvia-700: #525f4d;
--color-salvia-800: #3c4637;
--color-salvia-900: #293026;
--color-salvia-950: #171d14;
}SCSS
$salvia: #a4b79d;
$salvia-rgb: 164, 183, 157;
$salvia-light: mix(#fff, $salvia, 20%);
$salvia-dark: mix(#000, $salvia, 20%);
.element {
color: $salvia;
box-shadow: 0 0 0 2px rgba($salvia, 0.35);
}