Nearest named color · #328726
#328726
Nearest named color: La Palma
#328726 (rgb(50 135 38), hsl(113 56% 34%), oklch(0.551 0.156 141.3)) is closest to the named color La Palma. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#328726
oklch(0.551 0.156 141.3)
Color conversions
- HEX
- #328726
- RGB
- rgb(50 135 38)
- HSL
- hsl(113 56% 34%)
- HWB
- hwb(113 15% 47%)
- OKLCH
- oklch(0.551 0.156 141.3)
- OKLab
- oklab(0.551 -0.121 0.097)
- CIE Lab
- lab(49.73 -40.84 41.77)
- LCH
- lch(49.73 58.42 134.4)
- CMYK
- cmyk(63% 0% 72% 47%)
Tints · Shades · Tones
Tints
- 49933F
- 5F9F56
- 73AB6B
- 87B780
- 9BC395
- AFCFA9
- C2DBBF
- D6E7D4
- EBF3E9
Shades
- 2A7520
- 226319
- 1B5113
- 14410D
- 0D3108
- 072104
- 031302
- 010601
- 000100
Tones
- 3D8733
- 47863E
- 4F8648
- 578551
- 5F8559
- 668461
- 6D8369
- 738271
- 7A8179
Color harmonies
Complementary +180°
- 328726
La Palma
- 9A4EA8
≈ Purpureus
Analogous -30° +30°
- 328726
La Palma
- 757800
≈ Mongolian Plateau
- 00866A
≈ Celtic Queen
Triadic +120° +240°
- 328726
La Palma
- 3B6ECB
≈ Han Blue
- BC4348
≈ Precious Peony
Split-complementary +150° +210°
- 328726
La Palma
- 755CC4
≈ Fuchsia Blue
- B2437C
≈ Mystic Maroon
Tetradic +90° +180° +270°
- 328726
La Palma
- 007CA7
≈ Celadon Blue
- 9A4EA8
≈ Purpureus
- B15400
≈ Tijolo
Contrast & accessibility
Ag
AAOn white
WCAG 4.53:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.62:1 · APCA Lc 31
Best text color: #000000
WCAG 4.62:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--la-palma: #328726;
--la-palma-rgb: 50 135 38;
--la-palma-oklch: oklch(0.551 0.156 141.3);
}
.element {
color: var(--la-palma);
background-color: hsl(113 56% 34%);
border-color: oklch(0.551 0.156 141.3);
}Tailwind CSS v4
@theme {
--color-la-palma: #328726;
--color-la-palma-50: #dcffd9;
--color-la-palma-100: #caf6c7;
--color-la-palma-200: #ade6a9;
--color-la-palma-300: #86cc82;
--color-la-palma-400: #66b55b;
--color-la-palma-500: #3f9e31;
--color-la-palma-600: #37862c;
--color-la-palma-700: #2b6b23;
--color-la-palma-800: #214e14;
--color-la-palma-900: #16370d;
--color-la-palma-950: #072101;
}SCSS
$la-palma: #328726;
$la-palma-rgb: 50, 135, 38;
$la-palma-light: mix(#fff, $la-palma, 20%);
$la-palma-dark: mix(#000, $la-palma, 20%);
.element {
color: $la-palma;
box-shadow: 0 0 0 2px rgba($la-palma, 0.35);
}