이름 색상 · #E1A451

Golden Tiger

Golden Tiger은(는) #E1A451: rgb(225 164 81), hsl(35 71% 60%), oklch(0.761 0.123 72.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Orange mean? → · Golden Tiger color name →

#E1A451

oklch(0.761 0.123 72.4)

색상 변환

HEX: #e1a451
RGB: rgb(225 164 81)
HSL: hsl(35 71% 60%)
HWB: hwb(35 32% 12%)
OKLCH: oklch(0.761 0.123 72.4)
OKLab: oklab(0.761 0.037 0.117)
CIE Lab: lab(72.14 17.2 51.27)
LCH: lch(72.14 54.08 71.5)
CMYK: cmyk(0% 27% 64% 12%)

틴트 · 셰이드 · 톤

틴트

E4AD65
E8B778
EBC089
EEC99B
F1D2AC
F4DBBC
F7E4CD
FAEDDE
FCF6EE

셰이드

C48E45
A7793A
8B642F
705024
563D1A
3E2B10
271A07
120A02
020100

톤

D7A158
CD9D5F
C49A65
BA966A
B0936E
A78F73
9D8B76
93887A
8A847D

색 조화

보색 +180°

E1A451
Golden Tiger
76B6FD
≈ French Sky Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.18:1 · APCA Lc 43

Fail

검은색 위

WCAG 9.63:1 · APCA Lc 59

AAA

가장 좋은 글자색: #000000

WCAG 9.63:1 (AAA) · APCA Lc 59

Contrast pairs

코드 스니펫

CSS

:root {
  --golden-tiger: #e1a451;
  --golden-tiger-rgb: 225 164 81;
  --golden-tiger-oklch: oklch(0.761 0.123 72.4);
}

.element {
  color: var(--golden-tiger);
  background-color: hsl(35 71% 60%);
  border-color: oklch(0.761 0.123 72.4);
}

Tailwind CSS v4

@theme {
  --color-golden-tiger: #e1a451;
  --color-golden-tiger-50: #fff1cf;
  --color-golden-tiger-100: #ffe3bb;
  --color-golden-tiger-200: #f4cd9a;
  --color-golden-tiger-300: #ddae6e;
  --color-golden-tiger-400: #cb9244;
  --color-golden-tiger-500: #b77600;
  --color-golden-tiger-600: #9a6503;
  --color-golden-tiger-700: #7c5005;
  --color-golden-tiger-800: #5d3a03;
  --color-golden-tiger-900: #412803;
  --color-golden-tiger-950: #291500;
}

SCSS

$golden-tiger: #e1a451;
$golden-tiger-rgb: 225, 164, 81;
$golden-tiger-light: mix(#fff, $golden-tiger, 20%);
$golden-tiger-dark: mix(#000, $golden-tiger, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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