Nearest named color · #85A471
#85A471
Nearest named color: Lush Fields
#85A471 (rgb(133 164 113), hsl(96 22% 54%), oklch(0.682 0.08 133.6)) is closest to the named color Lush Fields. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#85A471
oklch(0.682 0.08 133.6)
Color conversions
- HEX
- #85a471
- RGB
- rgb(133 164 113)
- HSL
- hsl(96 22% 54%)
- HWB
- hwb(96 44% 36%)
- OKLCH
- oklch(0.682 0.08 133.6)
- OKLab
- oklab(0.682 -0.055 0.058)
- CIE Lab
- lab(64.03 -18.28 22.89)
- LCH
- lch(64.03 29.29 128.6)
- CMYK
- cmyk(19% 0% 31% 36%)
Tints · Shades · Tones
Tints
- 91AD7F
- 9CB68D
- A8BF9B
- B4C8A9
- C1D1B7
- CDDAC5
- D9E3D3
- E6ECE2
- F2F6F0
Shades
- 738E61
- 617952
- 506443
- 405035
- 303D27
- 212B1A
- 131A0E
- 060A04
- 010101
Tones
- 85A073
- 849D75
- 849976
- 839678
- 839279
- 828E7B
- 828B7C
- 81877E
- 81847F
Color harmonies
Complementary +180°
- 85A471
Lush Fields
- AB8ABC
≈ East Side
Analogous -30° +30°
- 85A471
Lush Fields
- A19C60
≈ Zandri Dust
- 68A98B
≈ Artemesia Green
Triadic +120° +240°
- 85A471
Lush Fields
- 769CCA
≈ Blue Lechery
- C5858A
≈ King’s Cloak
Split-complementary +150° +210°
- 85A471
Lush Fields
- 9293C9
≈ Fast Velvet
- BC85A5
≈ Sunset Horizon
Tetradic +90° +180° +270°
- 85A471
Lush Fields
- 5EA4BD
≈ Surgical
- AB8ABC
≈ East Side
- C38971
≈ Secluded Canyon
Contrast & accessibility
Ag
FailOn white
WCAG 2.78:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.54:1 · APCA Lc 48
Best text color: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--lush-fields: #85a471;
--lush-fields-rgb: 133 164 113;
--lush-fields-oklch: oklch(0.682 0.08 133.6);
}
.element {
color: var(--lush-fields);
background-color: hsl(96 22% 54%);
border-color: oklch(0.682 0.08 133.6);
}Tailwind CSS v4
@theme {
--color-lush-fields: #85a471;
--color-lush-fields-50: #ebfbe4;
--color-lush-fields-100: #dceed4;
--color-lush-fields-200: #c6ddbb;
--color-lush-fields-300: #a6c198;
--color-lush-fields-400: #8ba979;
--color-lush-fields-500: #71925a;
--color-lush-fields-600: #5f7b4d;
--color-lush-fields-700: #4c633d;
--color-lush-fields-800: #38482b;
--color-lush-fields-900: #26321d;
--color-lush-fields-950: #151e0d;
}SCSS
$lush-fields: #85a471;
$lush-fields-rgb: 133, 164, 113;
$lush-fields-light: mix(#fff, $lush-fields, 20%);
$lush-fields-dark: mix(#000, $lush-fields, 20%);
.element {
color: $lush-fields;
box-shadow: 0 0 0 2px rgba($lush-fields, 0.35);
}