命名颜色 · #B1CA95

Garden Spot

Garden Spot 即 #B1CA95：rgb(177 202 149)、hsl(88 33% 69%)、oklch(0.807 0.077 128.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Green mean? → · Garden Spot color name →

#B1CA95

oklch(0.807 0.077 128.5)

颜色转换

HEX: #b1ca95
RGB: rgb(177 202 149)
HSL: hsl(88 33% 69%)
HWB: hwb(88 58% 21%)
OKLCH: oklch(0.807 0.077 128.5)
OKLab: oklab(0.807 -0.048 0.06)
CIE Lab: lab(78.43 -15.72 23.63)
LCH: lch(78.43 28.38 123.6)
CMYK: cmyk(12% 0% 26% 21%)

浅色调 · 深色调 · 灰色调

浅色调

B9CFA0
C0D5AA
C8DAB5
D0DFBF
D7E5CA
DFEAD4
E7EFDF
EFF4EA
F7FAF4

深色调

99AF81
83956D
6C7C5A
576448
424D37
2F3726
1C2216
0C0F08
010201

灰色调

ACC293
A7BB91
A2B38F
9DAC8D
98A48B
939D89
8E9687
8A8E85
858782

配色和谐

互补色 +180°

B1CA95
Garden Spot
CEB3E6
≈ Pretty Petunia

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.78:1 · APCA Lc 33

Fail

黑底

WCAG 11.75:1 · APCA Lc 70

AAA

最佳文字颜色: #000000

WCAG 11.75:1 (AAA) · APCA Lc 70

Contrast pairs

代码片段

CSS

:root {
  --garden-spot: #b1ca95;
  --garden-spot-rgb: 177 202 149;
  --garden-spot-oklch: oklch(0.807 0.077 128.5);
}

.element {
  color: var(--garden-spot);
  background-color: hsl(88 33% 69%);
  border-color: oklch(0.807 0.077 128.5);
}

Tailwind CSS v4

@theme {
  --color-garden-spot: #b1ca95;
  --color-garden-spot-50: #eefae3;
  --color-garden-spot-100: #dfeed3;
  --color-garden-spot-200: #c9dbb9;
  --color-garden-spot-300: #aac097;
  --color-garden-spot-400: #91a877;
  --color-garden-spot-500: #779058;
  --color-garden-spot-600: #657a4b;
  --color-garden-spot-700: #50623c;
  --color-garden-spot-800: #3b472a;
  --color-garden-spot-900: #29311c;
  --color-garden-spot-950: #171d0c;
}

SCSS

$garden-spot: #b1ca95;
$garden-spot-rgb: 177, 202, 149;
$garden-spot-light: mix(#fff, $garden-spot, 20%);
$garden-spot-dark: mix(#000, $garden-spot, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API