Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
首页/颜色/#3E861D

最接近的命名颜色 · #3E861D

#3E861D

最接近的命名颜色: La Palma

#3E861D(rgb(62 134 29)、hsl(101 64% 32%)、oklch(0.553 0.154 138))最接近命名颜色 La Palma。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度,以及 CSS、Tailwind v4 和 SCSS 代码。

What does Green mean? →

#3E861D

oklch(0.553 0.154 138)

颜色转换

HEX
#3e861d
RGB
rgb(62 134 29)
HSL
hsl(101 64% 32%)
HWB
hwb(101 11% 47%)
OKLCH
oklch(0.553 0.154 138)
OKLab
oklab(0.553 -0.115 0.103)
CIE Lab
lab(49.78 -37.73 45.31)
LCH
lch(49.78 58.96 129.8)
CMYK
cmyk(54% 0% 78% 47%)

浅色调 · 深色调 · 灰色调

浅色调

  • 52923A
  • 669E51
  • 79AA67
  • 8BB67D
  • 9EC292
  • B1CFA8
  • C4DBBD
  • D8E7D3
  • EBF3E9

深色调

  • 357418
  • 2B6213
  • 23510E
  • 1A4009
  • 123005
  • 0A2103
  • 041301
  • 010600
  • 000100

灰色调

  • 46862D
  • 4E8639
  • 558544
  • 5C854E
  • 628457
  • 698460
  • 6F8368
  • 758270
  • 7A8178

配色和谐

互补色 +180°

  • 3E861D

    La Palma

  • 9750AC

    ≈ Purpureus

类似色 -30° +30°

  • 3E861D

    La Palma

  • 7A7700

    ≈ Mongolian Plateau

  • 008766

    ≈ Spectral Green

三角配色 +120° +240°

  • 3E861D

    La Palma

  • 3170CB

    ≈ Bright Navy Blue

  • BB434F

    ≈ Thai Spice

分裂互补色 +150° +210°

  • 3E861D

    La Palma

  • 705FC6

    ≈ Astro Purple

  • B04582

    ≈ Mystic Maroon

四角配色 +90° +180° +270°

  • 3E861D

    La Palma

  • 007EA3

    ≈ Kingfisher Sheen

  • 9750AC

    ≈ Purpureus

  • B55000

    ≈ Skrag Brown

对比度与无障碍

Ag

白底

WCAG 4.53:1 · APCA Lc 71

AA
Ag

黑底

WCAG 4.63:1 · APCA Lc 31

AA

最佳文字颜色: #000000

WCAG 4.63:1 (AA) · APCA Lc 31

Contrast pairs

  • #3E861D / #FFFFFF
  • #3E861D / #000000
  • #FFFFFF / #3E861D
  • #000000 / #3E861D

代码片段

CSS

:root {
  --la-palma: #3e861d;
  --la-palma-rgb: 62 134 29;
  --la-palma-oklch: oklch(0.553 0.154 138);
}

.element {
  color: var(--la-palma);
  background-color: hsl(101 64% 32%);
  border-color: oklch(0.553 0.154 138);
}

Tailwind CSS v4

@theme {
  --color-la-palma: #3e861d;
  --color-la-palma-50: #deffd7;
  --color-la-palma-100: #cdf5c4;
  --color-la-palma-200: #b1e5a6;
  --color-la-palma-300: #8ccb7e;
  --color-la-palma-400: #6eb355;
  --color-la-palma-500: #4b9d27;
  --color-la-palma-600: #418424;
  --color-la-palma-700: #346a1d;
  --color-la-palma-800: #274e0f;
  --color-la-palma-900: #1a3609;
  --color-la-palma-950: #0a2100;
}

SCSS

$la-palma: #3e861d;
$la-palma-rgb: 62, 134, 29;
$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);
}

相近的命名颜色

  • 448822

    Fruitless Fig Tree

  • 448811

    Kelp Forest

  • 44891A

    Chlorophyll

  • 3F8A24

    Direct Green

  • 428929

    La Palma

  • 2B8725

    Temperamental Green

  • 448800

    Mughal Green

  • 228822

    Pettifers

  • 448833

    Overgrown Mausoleum

  • 228B22

    Summer Forest Green

  • 228B21

    Tropical Forest Green

  • 388004

    Green People

Palettes with similar colors

  • Pure Kelp Forest BeaconGreen · Rainbow
  • Kelp Forest DeltaGreen · Rainbow
  • Classic Kelp Forest AtelierGreen · 5 Colors
  • True Kelp Forest MirrorGreen · 3 Colors
  • Pure Pleasant Purple OrchardPink · Rainbow
  • Steady Kelp Forest BriefGreen · 4 Colors

在工具中打开

取色器配色组合对比度检测StudioJSON API
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA