Named color · #A7AD8D
Verde Tortuga
Verde Tortuga is #A7AD8D: rgb(167 173 141), hsl(71 16% 62%), oklch(0.734 0.045 116.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Verde Tortuga color name →
#A7AD8D
oklch(0.734 0.045 116.1)
Color conversions
- HEX
- #a7ad8d
- RGB
- rgb(167 173 141)
- HSL
- hsl(71 16% 62%)
- HWB
- hwb(71 55% 32%)
- OKLCH
- oklch(0.734 0.045 116.1)
- OKLab
- oklab(0.734 -0.02 0.04)
- CIE Lab
- lab(69.59 -6.39 15.77)
- LCH
- lch(69.59 17.01 112.1)
- CMYK
- cmyk(3% 0% 18% 32%)
Tints · Shades · Tones
Tints
- AFB598
- B8BDA3
- C1C5AE
- C9CDBA
- D2D5C5
- DBDED0
- E4E6DC
- EDEEE8
- F6F7F3
Shades
- 91967A
- 7B7F67
- 666A55
- 525544
- 3E4133
- 2C2D23
- 1A1B14
- 0A0B07
- 010101
Tones
- A3A88C
- 9FA48B
- 9B9F89
- 979B88
- 939687
- 8F9286
- 8B8D84
- 888983
- 848481
Color harmonies
Complementary +180°
- A7AD8D
Verde Tortuga
- ABA4C3
≈ Fife
Analogous -30° +30°
- A7AD8D
Verde Tortuga
- B6A889
≈ Sepia Tone
- 97B198
≈ Nurture Green
Triadic +120° +240°
- A7AD8D
Verde Tortuga
- 8FAEC2
≈ Chilly Blue
- C19EAA
≈ Fauna
Split-complementary +150° +210°
- A7AD8D
Verde Tortuga
- 9CA9C6
≈ Scorpion Grass Blue
- B9A0B8
≈ Melting Moment
Tetradic +90° +180° +270°
- A7AD8D
Verde Tortuga
- 88B2B7
≈ Cold Front Green
- ABA4C3
≈ Fife
- C49F9A
≈ Pepperberry
Contrast & accessibility
Ag
FailOn white
WCAG 2.33:1 · APCA Lc 46
Ag
AAAOn black
WCAG 9.00:1 · APCA Lc 56
Best text color: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
CSS
:root {
--verde-tortuga: #a7ad8d;
--verde-tortuga-rgb: 167 173 141;
--verde-tortuga-oklch: oklch(0.734 0.045 116.1);
}
.element {
color: var(--verde-tortuga);
background-color: hsl(71 16% 62%);
border-color: oklch(0.734 0.045 116.1);
}Tailwind CSS v4
@theme {
--color-verde-tortuga: #a7ad8d;
--color-verde-tortuga-50: #f4f7e9;
--color-verde-tortuga-100: #e6eada;
--color-verde-tortuga-200: #d2d7c2;
--color-verde-tortuga-300: #b5bba1;
--color-verde-tortuga-400: #9da284;
--color-verde-tortuga-500: #848a68;
--color-verde-tortuga-600: #707558;
--color-verde-tortuga-700: #595e47;
--color-verde-tortuga-800: #424432;
--color-verde-tortuga-900: #2d2f22;
--color-verde-tortuga-950: #1a1c11;
}SCSS
$verde-tortuga: #a7ad8d;
$verde-tortuga-rgb: 167, 173, 141;
$verde-tortuga-light: mix(#fff, $verde-tortuga, 20%);
$verde-tortuga-dark: mix(#000, $verde-tortuga, 20%);
.element {
color: $verde-tortuga;
box-shadow: 0 0 0 2px rgba($verde-tortuga, 0.35);
}