Nearest named color · #81B286
#81B286
Nearest named color: Verde
#81B286 (rgb(129 178 134), hsl(126 24% 60%), oklch(0.717 0.082 147.3)) is closest to the named color Verde. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#81B286
oklch(0.717 0.082 147.3)
Color conversions
- HEX
- #81b286
- RGB
- rgb(129 178 134)
- HSL
- hsl(126 24% 60%)
- HWB
- hwb(126 51% 30%)
- OKLCH
- oklch(0.717 0.082 147.3)
- OKLab
- oklab(0.717 -0.069 0.044)
- CIE Lab
- lab(68.2 -23.65 17.13)
- LCH
- lch(68.2 29.2 144.1)
- CMYK
- cmyk(28% 0% 25% 30%)
Tints · Shades · Tones
Tints
- 8EBA92
- 9AC19D
- A6C9A9
- B3D1B5
- C0D8C1
- CCE0CE
- D9E8DA
- E5EFE6
- F2F7F2
Shades
- 6F9A74
- 5E8362
- 4E6D51
- 3E5740
- 2E4330
- 1F2F21
- 121D13
- 060C06
- 010101
Tones
- 81AD86
- 82A885
- 82A385
- 829E84
- 829983
- 819483
- 818F82
- 818A82
- 808581
Color harmonies
Complementary +180°
- 81B286
Verde
- C092BE
≈ La la Love
Analogous -30° +30°
Triadic +120° +240°
- 81B286
Verde
- 8DA2D8
≈ Azureno
- D29088
≈ Tongue
Split-complementary +150° +210°
- 81B286
Verde
- A999D1
≈ Biloba Flower
- CE8EA4
≈ Kiss
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.42:1 · APCA Lc 48
Ag
AAAOn black
WCAG 8.64:1 · APCA Lc 54
Best text color: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
Code snippets
CSS
:root {
--verde: #81b286;
--verde-rgb: 129 178 134;
--verde-oklch: oklch(0.717 0.082 147.3);
}
.element {
color: var(--verde);
background-color: hsl(126 24% 60%);
border-color: oklch(0.717 0.082 147.3);
}Tailwind CSS v4
@theme {
--color-verde: #81b286;
--color-verde-50: #e6fce9;
--color-verde-100: #d6f0d9;
--color-verde-200: #bddfc2;
--color-verde-300: #9bc4a1;
--color-verde-400: #7eac83;
--color-verde-500: #609566;
--color-verde-600: #527e57;
--color-verde-700: #416545;
--color-verde-800: #304a31;
--color-verde-900: #203321;
--color-verde-950: #101f10;
}SCSS
$verde: #81b286;
$verde-rgb: 129, 178, 134;
$verde-light: mix(#fff, $verde, 20%);
$verde-dark: mix(#000, $verde, 20%);
.element {
color: $verde;
box-shadow: 0 0 0 2px rgba($verde, 0.35);
}