이름 색상 · #ECBC14

Gold Ore

Gold Ore은(는) #ECBC14: rgb(236 188 20), hsl(47 85% 50%), oklch(0.815 0.164 89.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Gold Ore color name →

#ECBC14

oklch(0.815 0.164 89.7)

색상 변환

HEX: #ecbc14
RGB: rgb(236 188 20)
HSL: hsl(47 85% 50%)
HWB: hwb(47 8% 7%)
OKLCH: oklch(0.815 0.164 89.7)
OKLab: oklab(0.815 0.001 0.164)
CIE Lab: lab(78.9 8.21 77.67)
LCH: lch(78.9 78.1 84)
CMYK: cmyk(0% 20% 92% 7%)

틴트 · 셰이드 · 톤

틴트

EEC344
F0CA61
F2D178
F4D88E
F6DFA2
F8E5B5
FAECC8
FBF2DB
FDF9ED

셰이드

CDA310
AF8B0C
927308
765D05
5B4703
423201
291F01
130D00
030200

톤

E1B634
D6B045
CBAB51
C0A55B
B59F64
AA996B
9F9371
958D77
8A867C

색 조화

보색 +180°

ECBC14
Gold Ore
ABC0FF
≈ Pastel Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 1.78:1 · APCA Lc 33

Fail

검은색 위

WCAG 11.76:1 · APCA Lc 70

AAA

가장 좋은 글자색: #000000

WCAG 11.76:1 (AAA) · APCA Lc 70

Contrast pairs

코드 스니펫

CSS

:root {
  --gold-ore: #ecbc14;
  --gold-ore-rgb: 236 188 20;
  --gold-ore-oklch: oklch(0.815 0.164 89.7);
}

.element {
  color: var(--gold-ore);
  background-color: hsl(47 85% 50%);
  border-color: oklch(0.815 0.164 89.7);
}

Tailwind CSS v4

@theme {
  --color-gold-ore: #ecbc14;
  --color-gold-ore-50: #fff4c0;
  --color-gold-ore-100: #fce7a9;
  --color-gold-ore-200: #eed280;
  --color-gold-ore-300: #d6b448;
  --color-gold-ore-400: #c49800;
  --color-gold-ore-500: #b07d00;
  --color-gold-ore-600: #956a00;
  --color-gold-ore-700: #785500;
  --color-gold-ore-800: #5a3d00;
  --color-gold-ore-900: #3f2a00;
  --color-gold-ore-950: #281700;
}

SCSS

$gold-ore: #ecbc14;
$gold-ore-rgb: 236, 188, 20;
$gold-ore-light: mix(#fff, $gold-ore, 20%);
$gold-ore-dark: mix(#000, $gold-ore, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API