Named color · #98B652
Clematis Green
Clematis Green is #98B652: rgb(152 182 82), hsl(78 41% 52%), oklch(0.732 0.132 123.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Clematis Green color name →
#98B652
oklch(0.732 0.132 123.5)
Color conversions
- HEX
- #98b652
- RGB
- rgb(152 182 82)
- HSL
- hsl(78 41% 52%)
- HWB
- hwb(78 32% 29%)
- OKLCH
- oklch(0.732 0.132 123.5)
- OKLab
- oklab(0.732 -0.073 0.11)
- CIE Lab
- lab(70.2 -22.11 46.44)
- LCH
- lch(70.2 51.43 115.5)
- CMYK
- cmyk(16% 0% 55% 29%)
Tints · Shades · Tones
Tints
- A2BD65
- ACC578
- B6CC89
- C0D49A
- CADBAB
- D4E2BC
- DFE9CD
- EAF1DE
- F4F8EE
Shades
- 849E46
- 70863B
- 5C6F2F
- 4A5925
- 38441A
- 273011
- 171D08
- 080C02
- 010200
Tones
- 96B159
- 93AB5F
- 91A665
- 8EA16A
- 8C9B6E
- 899672
- 879076
- 858B7A
- 82867D
Color harmonies
Complementary +180°
- 98B652
Clematis Green
- BA93EC
≈ Luminous Lavender
Analogous -30° +30°
- 98B652
Clematis Green
- C4A635
≈ Hey Pesto
- 5DC081
≈ Heart Chakra
Triadic +120° +240°
- 98B652
Clematis Green
- 55B1F5
≈ Blue Jeans
- EC839F
≈ Iced Berry
Split-complementary +150° +210°
- 98B652
Clematis Green
- 8EA1FB
≈ Periwinkle Blue
- DA88CB
≈ Pink Punk
Tetradic +90° +180° +270°
- 98B652
Clematis Green
- 00BDD9
≈ Maldives
- BA93EC
≈ Luminous Lavender
- EF8870
≈ Juicy Passionfruit
Contrast & accessibility
Ag
FailOn white
WCAG 2.29:1 · APCA Lc 45
Ag
AAAOn black
WCAG 9.14:1 · APCA Lc 57
Best text color: #000000
WCAG 9.14:1 (AAA) · APCA Lc 57
Contrast pairs
Code snippets
CSS
:root {
--clematis-green: #98b652;
--clematis-green-rgb: 152 182 82;
--clematis-green-oklch: oklch(0.732 0.132 123.5);
}
.element {
color: var(--clematis-green);
background-color: hsl(78 41% 52%);
border-color: oklch(0.732 0.132 123.5);
}Tailwind CSS v4
@theme {
--color-clematis-green: #98b652;
--color-clematis-green-50: #ecfdd4;
--color-clematis-green-100: #ddf0c1;
--color-clematis-green-200: #c7dfa1;
--color-clematis-green-300: #a7c478;
--color-clematis-green-400: #8fab4d;
--color-clematis-green-500: #759418;
--color-clematis-green-600: #637d19;
--color-clematis-green-700: #4f6414;
--color-clematis-green-800: #3b4909;
--color-clematis-green-900: #293306;
--color-clematis-green-950: #171e00;
}SCSS
$clematis-green: #98b652;
$clematis-green-rgb: 152, 182, 82;
$clematis-green-light: mix(#fff, $clematis-green, 20%);
$clematis-green-dark: mix(#000, $clematis-green, 20%);
.element {
color: $clematis-green;
box-shadow: 0 0 0 2px rgba($clematis-green, 0.35);
}