Named color · #929178
Paseo Verde
Paseo Verde is #929178: rgb(146 145 120), hsl(58 11% 52%), oklch(0.651 0.036 105.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Paseo Verde color name →
#929178
oklch(0.651 0.036 105.5)
Color conversions
- HEX
- #929178
- RGB
- rgb(146 145 120)
- HSL
- hsl(58 11% 52%)
- HWB
- hwb(58 47% 43%)
- OKLCH
- oklch(0.651 0.036 105.5)
- OKLab
- oklab(0.651 -0.01 0.035)
- CIE Lab
- lab(59.74 -2.91 13.48)
- LCH
- lch(59.74 13.79 102.2)
- CMYK
- cmyk(0% 1% 18% 43%)
Tints · Shades · Tones
Tints
- 9C9C85
- A7A692
- B1B19F
- BCBCAC
- C7C7BA
- D2D2C7
- DDDDD5
- E8E8E3
- F4F4F1
Shades
- 7E7D67
- 6B6A57
- 585848
- 464639
- 35352A
- 25251D
- 161510
- 080705
- 010101
Tones
- 908F79
- 8E8E7A
- 8D8C7B
- 8B8A7B
- 89897C
- 87877D
- 85857E
- 84837F
- 82827F
Color harmonies
Complementary +180°
- 929178
Paseo Verde
- 8D8DA5
≈ Delicate Violet
Analogous -30° +30°
- 929178
Paseo Verde
- 9C8D77
≈ Chinchilla
- 86957F
≈ Aloe Tip
Triadic +120° +240°
- 929178
Paseo Verde
- 7994A0
≈ Ebb Tide
- A08794
≈ Art Nouveau Violet
Split-complementary +150° +210°
- 929178
Paseo Verde
- 8191A5
≈ Montage
- 98899F
≈ Eccentricity
Tetradic +90° +180° +270°
- 929178
Paseo Verde
- 769796
≈ Villa Blue
- 8D8DA5
≈ Delicate Violet
- A48788
≈ Rosaline Pearl
Contrast & accessibility
Ag
FailOn white
WCAG 3.20:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.54:1 · APCA Lc 42
Best text color: #000000
WCAG 6.54:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
CSS
:root {
--paseo-verde: #929178;
--paseo-verde-rgb: 146 145 120;
--paseo-verde-oklch: oklch(0.651 0.036 105.5);
}
.element {
color: var(--paseo-verde);
background-color: hsl(58 11% 52%);
border-color: oklch(0.651 0.036 105.5);
}Tailwind CSS v4
@theme {
--color-paseo-verde: #929178;
--color-paseo-verde-50: #f6f6eb;
--color-paseo-verde-100: #e9e9db;
--color-paseo-verde-200: #d5d6c4;
--color-paseo-verde-300: #b9b9a4;
--color-paseo-verde-400: #a1a088;
--color-paseo-verde-500: #89886d;
--color-paseo-verde-600: #74735c;
--color-paseo-verde-700: #5d5c4a;
--color-paseo-verde-800: #444335;
--color-paseo-verde-900: #2f2e24;
--color-paseo-verde-950: #1c1b13;
}SCSS
$paseo-verde: #929178;
$paseo-verde-rgb: 146, 145, 120;
$paseo-verde-light: mix(#fff, $paseo-verde, 20%);
$paseo-verde-dark: mix(#000, $paseo-verde, 20%);
.element {
color: $paseo-verde;
box-shadow: 0 0 0 2px rgba($paseo-verde, 0.35);
}