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
首页/颜色/#A5BE8D

最接近的命名颜色 · #A5BE8D

#A5BE8D

最接近的命名颜色: Norway

#A5BE8D(rgb(165 190 141)、hsl(91 27% 65%)、oklch(0.77 0.073 130))最接近命名颜色 Norway。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度,以及 CSS、Tailwind v4 和 SCSS 代码。

What does Green mean? →

#A5BE8D

oklch(0.77 0.073 130)

颜色转换

HEX
#a5be8d
RGB
rgb(165 190 141)
HSL
hsl(91 27% 65%)
HWB
hwb(91 55% 25%)
OKLCH
oklch(0.77 0.073 130)
OKLab
oklab(0.77 -0.047 0.056)
CIE Lab
lab(74.13 -15.42 21.88)
LCH
lch(74.13 26.77 125.2)
CMYK
cmyk(13% 0% 26% 25%)

浅色调 · 深色调 · 灰色调

浅色调

  • AEC498
  • B6CBA3
  • BFD1AF
  • C8D8BA
  • D1DEC5
  • DAE5D1
  • E3EBDC
  • EDF2E8
  • F6F8F3

深色调

  • 8FA57A
  • 798C67
  • 657555
  • 515E44
  • 3D4833
  • 2B3323
  • 1A1F14
  • 0A0D07
  • 010201

灰色调

  • A1B88C
  • 9EB18B
  • 9AAB8A
  • 96A588
  • 929F87
  • 8F9886
  • 8B9284
  • 878C83
  • 848682

配色和谐

互补色 +180°

  • A5BE8D

    Norway

  • C2A8D7

    ≈ Perfume

类似色 -30° +30°

  • A5BE8D

    Norway

  • BFB680

    ≈ Cool Avocado

  • 8BC3A4

    ≈ Lark Green

三角配色 +120° +240°

  • A5BE8D

    Norway

  • 91B8E1

    ≈ Adrift on the Nile

  • DEA1AA

    ≈ Nana’s Rose

分裂互补色 +150° +210°

  • A5BE8D

    Norway

  • AAB0E2

    ≈ Maximum Blue Purple

  • D5A3C3

    ≈ Pastel Lavender

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

  • A5BE8D

    Norway

  • 7EC0D4

    ≈ Ocean Horizon

  • C2A8D7

    ≈ Perfume

  • DDA591

    ≈ Shy Champagne Blush

对比度与无障碍

Ag

白底

WCAG 2.02:1 · APCA Lc 39

Fail
Ag

黑底

WCAG 10.34:1 · APCA Lc 63

AAA

最佳文字颜色: #000000

WCAG 10.34:1 (AAA) · APCA Lc 63

Contrast pairs

  • #A5BE8D / #FFFFFF
  • #A5BE8D / #000000
  • #FFFFFF / #A5BE8D
  • #000000 / #A5BE8D

代码片段

CSS

:root {
  --norway: #a5be8d;
  --norway-rgb: 165 190 141;
  --norway-oklch: oklch(0.77 0.073 130);
}

.element {
  color: var(--norway);
  background-color: hsl(91 27% 65%);
  border-color: oklch(0.77 0.073 130);
}

Tailwind CSS v4

@theme {
  --color-norway: #a5be8d;
  --color-norway-50: #eefae5;
  --color-norway-100: #dfedd5;
  --color-norway-200: #c9dbbb;
  --color-norway-300: #aac099;
  --color-norway-400: #90a77a;
  --color-norway-500: #76905c;
  --color-norway-600: #647a4e;
  --color-norway-700: #50623e;
  --color-norway-800: #3b472c;
  --color-norway-900: #28311d;
  --color-norway-950: #161d0d;
}

SCSS

$norway: #a5be8d;
$norway-rgb: 165, 190, 141;
$norway-light: mix(#fff, $norway, 20%);
$norway-dark: mix(#000, $norway, 20%);

.element {
  color: $norway;
  box-shadow: 0 0 0 2px rgba($norway, 0.35);
}

相近的命名颜色

  • A4BE8D

    Gaia Stone

  • A5BE8F

    Praying Mantis

  • A4C08A

    Green Herb

  • A8BF93

    Japanese Horseradish

  • A9C08A

    Shrubbery

  • ABBD90

    Chervil Leaves

  • A1BB8B

    Glendale

  • A4BA8A

    Forest Tapestry

  • A9C095

    Seawashed Glass

  • ACBF93

    Bavarian Hops

  • A8B989

    Grant Wood Ivy

  • ACBA8D

    Gardening

Palettes with this color

  • True Kiwi MeadowGreen · 6 Colors

Palettes with similar colors

  • Dusk Mysterious Mixture GardenGreen · Nature
  • Steady Under the Radar ArchiveTrending · Green
  • Quiet Woodland Wonder FogGreen · Nature
  • Classic Enchanted Glen SystemGreen · Nature
  • Classic Beyond the Pines KilnGreen · Nature
  • Steady Botanical ForgeGreen · Nature

在工具中打开

取色器配色组合对比度检测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