이름 색상 · #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