命名颜色 · #EBBF5C

I’m a Local

I’m a Local 即 #EBBF5C：rgb(235 191 92)、hsl(42 78% 64%)、oklch(0.825 0.127 85.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Yellow mean? → · I’m a Local color name →

#EBBF5C

oklch(0.825 0.127 85.3)

颜色转换

HEX: #ebbf5c
RGB: rgb(235 191 92)
HSL: hsl(42 78% 64%)
HWB: hwb(42 36% 8%)
OKLCH: oklch(0.825 0.127 85.3)
OKLab: oklab(0.825 0.01 0.127)
CIE Lab: lab(79.89 8.33 54.98)
LCH: lch(79.89 55.61 81.4)
CMYK: cmyk(0% 19% 61% 8%)

浅色调 · 深色调 · 灰色调

浅色调

EDC66F
EFCC81
F1D392
F3D9A2
F5E0B2
F7E6C2
F9ECD1
FBF3E1
FDF9F0

深色调

CCA64F
AE8D42
917536
755E2A
5B481F
413314
291F0A
130D03
030200

灰色调

E0B962
D5B368
CAAC6D
BFA671
B4A074
AA9978
9F937A
958D7C
8A867E

配色和谐

互补色 +180°

EBBF5C
I’m a Local
AAC5FF
≈ Night Snow

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.72:1 · APCA Lc 31

Fail

黑底

WCAG 12.13:1 · APCA Lc 72

AAA

最佳文字颜色: #000000

WCAG 12.13:1 (AAA) · APCA Lc 72

Contrast pairs

代码片段

CSS

:root {
  --i-m-a-local: #ebbf5c;
  --i-m-a-local-rgb: 235 191 92;
  --i-m-a-local-oklch: oklch(0.825 0.127 85.3);
}

.element {
  color: var(--i-m-a-local);
  background-color: hsl(42 78% 64%);
  border-color: oklch(0.825 0.127 85.3);
}

Tailwind CSS v4

@theme {
  --color-i-m-a-local: #ebbf5c;
  --color-i-m-a-local-50: #fff4cc;
  --color-i-m-a-local-100: #fae6b8;
  --color-i-m-a-local-200: #ebd295;
  --color-i-m-a-local-300: #d3b468;
  --color-i-m-a-local-400: #c09839;
  --color-i-m-a-local-500: #ac7e00;
  --color-i-m-a-local-600: #916b00;
  --color-i-m-a-local-700: #755500;
  --color-i-m-a-local-800: #573d00;
  --color-i-m-a-local-900: #3d2a00;
  --color-i-m-a-local-950: #261700;
}

SCSS

$i-m-a-local: #ebbf5c;
$i-m-a-local-rgb: 235, 191, 92;
$i-m-a-local-light: mix(#fff, $i-m-a-local, 20%);
$i-m-a-local-dark: mix(#000, $i-m-a-local, 20%);

.element {
  color: $i-m-a-local;
  box-shadow: 0 0 0 2px rgba($i-m-a-local, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

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