Named color · #36482F
Palm Leaf
Palm Leaf is #36482F: rgb(54 72 47), hsl(103 21% 23%), oklch(0.379 0.047 137.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Palm Leaf color name →
#36482F
oklch(0.379 0.047 137.2)
Color conversions
- HEX
- #36482f
- RGB
- rgb(54 72 47)
- HSL
- hsl(103 21% 23%)
- HWB
- hwb(103 18% 72%)
- OKLCH
- oklch(0.379 0.047 137.2)
- OKLab
- oklab(0.379 -0.035 0.032)
- CIE Lab
- lab(28.48 -11.57 12.64)
- LCH
- lch(28.48 17.14 132.5)
- CMYK
- cmyk(25% 0% 35% 72%)
Tints · Shades · Tones
Tints
- 485841
- 5A6954
- 6D7B68
- 808D7C
- 949F91
- A9B1A6
- BEC4BB
- D3D8D2
- E9EBE8
Shades
- 2E3D27
- 253320
- 1E2919
- 161F12
- 0F160C
- 080D06
- 030603
- 010201
- 000000
Tones
- 3D4D37
- 44533F
- 4B5846
- 535E4E
- 5A6456
- 61695F
- 696F67
- 71756F
- 787A78
Color harmonies
Complementary +180°
- 36482F
Palm Leaf
- 4C3A53
≈ Purple Velvet
Analogous -30° +30°
- 36482F
Palm Leaf
- 454425
≈ Tin Bitz
- 274A3D
≈ Te Papa Green
Triadic +120° +240°
- 36482F
Palm Leaf
- 32435B
≈ Moonlit Ocean
- 593839
≈ Dark Drama
Split-complementary +150° +210°
- 36482F
Palm Leaf
- 403E5A
≈ Victory Blue
- 553847
≈ Purple Sphinx
Tetradic +90° +180° +270°
- 36482F
Palm Leaf
- 244756
≈ Mallard
- 4C3A53
≈ Purple Velvet
- 573A2C
≈ Tuk Tuk
Contrast & accessibility
Ag
AAAOn white
WCAG 9.88:1 · APCA Lc 93
Ag
FailOn black
WCAG 2.12:1 · APCA Lc 10
Best text color: #FFFFFF
WCAG 9.88:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--palm-leaf: #36482f;
--palm-leaf-rgb: 54 72 47;
--palm-leaf-oklch: oklch(0.379 0.047 137.2);
}
.element {
color: var(--palm-leaf);
background-color: hsl(103 21% 23%);
border-color: oklch(0.379 0.047 137.2);
}Tailwind CSS v4
@theme {
--color-palm-leaf: #36482f;
--color-palm-leaf-50: #eff9ec;
--color-palm-leaf-100: #e0ecdd;
--color-palm-leaf-200: #cad9c6;
--color-palm-leaf-300: #abbea7;
--color-palm-leaf-400: #92a58a;
--color-palm-leaf-500: #788e6f;
--color-palm-leaf-600: #65785e;
--color-palm-leaf-700: #51604b;
--color-palm-leaf-800: #3b4636;
--color-palm-leaf-900: #293125;
--color-palm-leaf-950: #171d13;
}SCSS
$palm-leaf: #36482f;
$palm-leaf-rgb: 54, 72, 47;
$palm-leaf-light: mix(#fff, $palm-leaf, 20%);
$palm-leaf-dark: mix(#000, $palm-leaf, 20%);
.element {
color: $palm-leaf;
box-shadow: 0 0 0 2px rgba($palm-leaf, 0.35);
}