Nearest named color · #68A982
#68A982
Nearest named color: Lily Pads
#68A982 (rgb(104 169 130), hsl(144 27% 54%), oklch(0.68 0.089 156.7)) is closest to the named color Lily Pads. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#68A982
oklch(0.68 0.089 156.7)
Color conversions
- HEX
- #68a982
- RGB
- rgb(104 169 130)
- HSL
- hsl(144 27% 54%)
- HWB
- hwb(144 41% 34%)
- OKLCH
- oklch(0.68 0.089 156.7)
- OKLab
- oklab(0.68 -0.082 0.035)
- CIE Lab
- lab(64.06 -28.36 13.36)
- LCH
- lch(64.06 31.35 154.8)
- CMYK
- cmyk(38% 0% 23% 34%)
Tints · Shades · Tones
Tints
- 78B28E
- 87BA9A
- 96C3A6
- A5CBB3
- B4D4BF
- C3DCCC
- D2E5D8
- E1EEE5
- F0F6F2
Shades
- 599270
- 4B7C5F
- 3E674E
- 30533E
- 243F2F
- 182C20
- 0C1B12
- 040A06
- 000101
Tones
- 6BA582
- 6FA182
- 719D82
- 749982
- 779581
- 799181
- 7B8C81
- 7D8881
- 7E8480
Color harmonies
Complementary +180°
- 68A982
Lily Pads
- BC83AD
≈ Joie de Vivre
Analogous -30° +30°
- 68A982
Lily Pads
- 8AA366
≈ Scarpetta
- 4EAAA1
≈ Paradise Island
Triadic +120° +240°
- 68A982
Lily Pads
- 8A93CF
≈ Mystic Iris
- C88571
≈ Secluded Canyon
Split-complementary +150° +210°
- 68A982
Lily Pads
- A68AC4
≈ Classic Bouquet
- C8818F
≈ Grey Matter
Tetradic +90° +180° +270°
- 68A982
Lily Pads
- 6A9ECC
≈ Tantalise
- BC83AD
≈ Joie de Vivre
- BD8D5B
≈ Corner Café
Contrast & accessibility
Ag
FailOn white
WCAG 2.76:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.58:1 · APCA Lc 49
Best text color: #000000
WCAG 7.58:1 (AAA) · APCA Lc 49
Contrast pairs
Code snippets
CSS
:root {
--lily-pads: #68a982;
--lily-pads-rgb: 104 169 130;
--lily-pads-oklch: oklch(0.68 0.089 156.7);
}
.element {
color: var(--lily-pads);
background-color: hsl(144 27% 54%);
border-color: oklch(0.68 0.089 156.7);
}Tailwind CSS v4
@theme {
--color-lily-pads: #68a982;
--color-lily-pads-50: #e1fdec;
--color-lily-pads-100: #d0f2dd;
--color-lily-pads-200: #b5e0c6;
--color-lily-pads-300: #91c6a7;
--color-lily-pads-400: #71af89;
--color-lily-pads-500: #4f986e;
--color-lily-pads-600: #44805d;
--color-lily-pads-700: #36674a;
--color-lily-pads-800: #274b35;
--color-lily-pads-900: #1a3424;
--color-lily-pads-950: #0a2013;
}SCSS
$lily-pads: #68a982;
$lily-pads-rgb: 104, 169, 130;
$lily-pads-light: mix(#fff, $lily-pads, 20%);
$lily-pads-dark: mix(#000, $lily-pads, 20%);
.element {
color: $lily-pads;
box-shadow: 0 0 0 2px rgba($lily-pads, 0.35);
}