Named color · #A3C893
Arcadian Green
Arcadian Green is #A3C893: rgb(163 200 147), hsl(102 33% 68%), oklch(0.792 0.083 136.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Arcadian Green color name →
#A3C893
oklch(0.792 0.083 136.4)
Color conversions
- HEX
- #a3c893
- RGB
- rgb(163 200 147)
- HSL
- hsl(102 33% 68%)
- HWB
- hwb(102 58% 22%)
- OKLCH
- oklch(0.792 0.083 136.4)
- OKLab
- oklab(0.792 -0.06 0.057)
- CIE Lab
- lab(76.87 -20.14 22.39)
- LCH
- lch(76.87 30.11 132)
- CMYK
- cmyk(19% 0% 27% 22%)
Tints · Shades · Tones
Tints
- ACCE9E
- B5D3A8
- BED9B3
- C7DEBE
- D1E4C9
- DAE9D3
- E3EFDE
- ECF4E9
- F6FAF4
Shades
- 8DAE7F
- 78946C
- 637B59
- 4F6347
- 3C4C36
- 2A3625
- 192116
- 0A0F08
- 010201
Tones
- A0C191
- 9CB990
- 99B28E
- 95AB8C
- 92A48A
- 8E9C88
- 8B9586
- 878E84
- 848782
Color harmonies
Complementary +180°
- A3C893
Arcadian Green
- D1ABDF
≈ Cherish the Moment
Analogous -30° +30°
- A3C893
Arcadian Green
- C1BF80
≈ Pavilion
- 86CDAF
≈ Aquamarine Ocean
Triadic +120° +240°
- A3C893
Arcadian Green
- 99BEF1
≈ Sail to the Sea
- ECA6A9
≈ Hibiscus Petal
Split-complementary +150° +210°
- A3C893
Arcadian Green
- B6B4EF
≈ Purple Illusion
- E3A6C6
≈ Think Pink
Tetradic +90° +180° +270°
- A3C893
Arcadian Green
- 7FC7E4
≈ Bliss Blue
- D1ABDF
≈ Cherish the Moment
- E9AB8E
≈ Aloha Sunset
Contrast & accessibility
Ag
FailOn white
WCAG 1.86:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.24:1 · APCA Lc 67
Best text color: #000000
WCAG 11.24:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--arcadian-green: #a3c893;
--arcadian-green-rgb: 163 200 147;
--arcadian-green-oklch: oklch(0.792 0.083 136.4);
}
.element {
color: var(--arcadian-green);
background-color: hsl(102 33% 68%);
border-color: oklch(0.792 0.083 136.4);
}Tailwind CSS v4
@theme {
--color-arcadian-green: #a3c893;
--color-arcadian-green-50: #eafbe4;
--color-arcadian-green-100: #dbefd4;
--color-arcadian-green-200: #c3ddbb;
--color-arcadian-green-300: #a3c299;
--color-arcadian-green-400: #88aa79;
--color-arcadian-green-500: #6c935b;
--color-arcadian-green-600: #5c7c4e;
--color-arcadian-green-700: #49643e;
--color-arcadian-green-800: #36492b;
--color-arcadian-green-900: #25321d;
--color-arcadian-green-950: #141e0d;
}SCSS
$arcadian-green: #a3c893;
$arcadian-green-rgb: 163, 200, 147;
$arcadian-green-light: mix(#fff, $arcadian-green, 20%);
$arcadian-green-dark: mix(#000, $arcadian-green, 20%);
.element {
color: $arcadian-green;
box-shadow: 0 0 0 2px rgba($arcadian-green, 0.35);
}