Nearest named color · #86AC83
#86AC83
Nearest named color: Verdant Haven
#86AC83 (rgb(134 172 131), hsl(116 20% 59%), oklch(0.705 0.072 142.9)) is closest to the named color Verdant Haven. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#86AC83
oklch(0.705 0.072 142.9)
Color conversions
- HEX
- #86ac83
- RGB
- rgb(134 172 131)
- HSL
- hsl(116 20% 59%)
- HWB
- hwb(116 51% 33%)
- OKLCH
- oklch(0.705 0.072 142.9)
- OKLab
- oklab(0.705 -0.057 0.043)
- CIE Lab
- lab(66.71 -19.5 16.79)
- LCH
- lch(66.71 25.73 139.3)
- CMYK
- cmyk(22% 0% 24% 33%)
Tints · Shades · Tones
Tints
- 92B48F
- 9EBC9B
- AAC5A7
- B5CDB3
- C2D5C0
- CEDDCC
- DAE6D9
- E6EEE5
- F3F7F2
Shades
- 749571
- 627F60
- 51694F
- 40543F
- 30402F
- 212D20
- 131B12
- 060B06
- 010101
Tones
- 86A883
- 85A383
- 859F82
- 849A82
- 849682
- 839282
- 828D81
- 828981
- 818480
Color harmonies
Complementary +180°
- 86AC83
Verdant Haven
- B691BA
≈ Satin Flower
Analogous -30° +30°
- 86AC83
Verdant Haven
- A0A571
≈ Willow Leaf
- 6FAF9C
≈ Dusty Jade Green
Triadic +120° +240°
- 86AC83
Verdant Haven
- 88A0CE
≈ Wisteria Blue
- C98F8B
≈ Resounding Rose
Split-complementary +150° +210°
- 86AC83
Verdant Haven
- A198C9
≈ Grape Arbour
- C48EA4
≈ Pinch Me
Tetradic +90° +180° +270°
- 86AC83
Verdant Haven
- 72A8C6
≈ Serene Sea
- B691BA
≈ Satin Flower
- C49476
≈ Portrait Tone
Contrast & accessibility
Ag
FailOn white
WCAG 2.54:1 · APCA Lc 50
Ag
AAAOn black
WCAG 8.24:1 · APCA Lc 52
Best text color: #000000
WCAG 8.24:1 (AAA) · APCA Lc 52
Contrast pairs
Code snippets
CSS
:root {
--verdant-haven: #86ac83;
--verdant-haven-rgb: 134 172 131;
--verdant-haven-oklch: oklch(0.705 0.072 142.9);
}
.element {
color: var(--verdant-haven);
background-color: hsl(116 20% 59%);
border-color: oklch(0.705 0.072 142.9);
}Tailwind CSS v4
@theme {
--color-verdant-haven: #86ac83;
--color-verdant-haven-50: #e9fbe9;
--color-verdant-haven-100: #daefd9;
--color-verdant-haven-200: #c2ddc2;
--color-verdant-haven-300: #a1c2a1;
--color-verdant-haven-400: #86aa83;
--color-verdant-haven-500: #6a9367;
--color-verdant-haven-600: #5a7c57;
--color-verdant-haven-700: #486346;
--color-verdant-haven-800: #354931;
--color-verdant-haven-900: #243221;
--color-verdant-haven-950: #131e11;
}SCSS
$verdant-haven: #86ac83;
$verdant-haven-rgb: 134, 172, 131;
$verdant-haven-light: mix(#fff, $verdant-haven, 20%);
$verdant-haven-dark: mix(#000, $verdant-haven, 20%);
.element {
color: $verdant-haven;
box-shadow: 0 0 0 2px rgba($verdant-haven, 0.35);
}