Named color · #A2B37A
Serpentine
Serpentine is #A2B37A: rgb(162 179 122), hsl(78 27% 59%), oklch(0.739 0.08 121.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Serpentine color name →
#A2B37A
oklch(0.739 0.08 121.9)
Color conversions
- HEX
- #a2b37a
- RGB
- rgb(162 179 122)
- HSL
- hsl(78 27% 59%)
- HWB
- hwb(78 48% 30%)
- OKLCH
- oklch(0.739 0.08 121.9)
- OKLab
- oklab(0.739 -0.042 0.068)
- CIE Lab
- lab(70.55 -13.36 27.12)
- LCH
- lch(70.55 30.23 116.2)
- CMYK
- cmyk(9% 0% 32% 30%)
Tints · Shades · Tones
Tints
- ABBB87
- B4C294
- BDCAA2
- C6D1AF
- CFD9BC
- D9E0C9
- E2E8D7
- ECF0E4
- F5F7F1
Shades
- 8C9B69
- 778459
- 636E49
- 4F583A
- 3C432B
- 2A2F1D
- 191D10
- 0A0C05
- 010101
Tones
- 9FAE7B
- 9BA97C
- 98A47D
- 949E7E
- 91997E
- 8D947F
- 8A8F7F
- 878A80
- 838580
Color harmonies
Complementary +180°
- A2B37A
Serpentine
- B49FD5
≈ Purple Premiere
Analogous -30° +30°
- A2B37A
Serpentine
- BDA96F
≈ Coriander Seed
- 84BA92
≈ Oilcloth Green
Triadic +120° +240°
- A2B37A
Serpentine
- 7DB1D9
≈ Boo Blue
- D696A7
≈ Foxy Pink
Split-complementary +150° +210°
- A2B37A
Serpentine
- 99A8DE
≈ Dalmatian Sage
- C998C1
≈ Moorland Heather
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.26:1 · APCA Lc 45
Ag
AAAOn black
WCAG 9.26:1 · APCA Lc 57
Best text color: #000000
WCAG 9.26:1 (AAA) · APCA Lc 57
Contrast pairs
Code snippets
CSS
:root {
--serpentine: #a2b37a;
--serpentine-rgb: 162 179 122;
--serpentine-oklch: oklch(0.739 0.08 121.9);
}
.element {
color: var(--serpentine);
background-color: hsl(78 27% 59%);
border-color: oklch(0.739 0.08 121.9);
}Tailwind CSS v4
@theme {
--color-serpentine: #a2b37a;
--color-serpentine-50: #f0f9e1;
--color-serpentine-100: #e2edd0;
--color-serpentine-200: #cddbb5;
--color-serpentine-300: #afbf92;
--color-serpentine-400: #96a671;
--color-serpentine-500: #7d8f51;
--color-serpentine-600: #6a7945;
--color-serpentine-700: #556137;
--color-serpentine-800: #3f4626;
--color-serpentine-900: #2b3119;
--color-serpentine-950: #191d0a;
}SCSS
$serpentine: #a2b37a;
$serpentine-rgb: 162, 179, 122;
$serpentine-light: mix(#fff, $serpentine, 20%);
$serpentine-dark: mix(#000, $serpentine, 20%);
.element {
color: $serpentine;
box-shadow: 0 0 0 2px rgba($serpentine, 0.35);
}