이름 색상 · #E2AC78

Buffalo Trail

Buffalo Trail은(는) #E2AC78: rgb(226 172 120), hsl(29 65% 68%), oklch(0.783 0.093 64.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Orange mean? → · Buffalo Trail color name →

#E2AC78

oklch(0.783 0.093 64.7)

색상 변환

HEX: #e2ac78
RGB: rgb(226 172 120)
HSL: hsl(29 65% 68%)
HWB: hwb(29 47% 11%)
OKLCH: oklch(0.783 0.093 64.7)
OKLab: oklab(0.783 0.04 0.084)
CIE Lab: lab(74.59 15.81 34.75)
LCH: lch(74.59 38.17 65.5)
CMYK: cmyk(0% 24% 47% 11%)

틴트 · 셰이드 · 톤

틴트

E5B486
E8BD94
ECC5A1
EFCDAE
F2D6BC
F4DEC9
F7E6D7
FAEEE4
FCF7F2

셰이드

C49567
A87F57
8C6948
715439
57402A
3E2D1D
271B10
120B05
030101

톤

D8A87A
CEA37B
C49F7C
BA9B7D
B1967E
A7927F
9D8D7F
938980
8A8580

색 조화

보색 +180°

E2AC78
Buffalo Trail
84BFF0
≈ Electric Eel

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.01:1 · APCA Lc 39

Fail

검은색 위

WCAG 10.40:1 · APCA Lc 63

AAA

가장 좋은 글자색: #000000

WCAG 10.40:1 (AAA) · APCA Lc 63

Contrast pairs

코드 스니펫

CSS

:root {
  --buffalo-trail: #e2ac78;
  --buffalo-trail-rgb: 226 172 120;
  --buffalo-trail-oklch: oklch(0.783 0.093 64.7);
}

.element {
  color: var(--buffalo-trail);
  background-color: hsl(29 65% 68%);
  border-color: oklch(0.783 0.093 64.7);
}

Tailwind CSS v4

@theme {
  --color-buffalo-trail: #e2ac78;
  --color-buffalo-trail-50: #fff1da;
  --color-buffalo-trail-100: #fee3c8;
  --color-buffalo-trail-200: #f0cdab;
  --color-buffalo-trail-300: #d8af84;
  --color-buffalo-trail-400: #c59363;
  --color-buffalo-trail-500: #b0783e;
  --color-buffalo-trail-600: #956636;
  --color-buffalo-trail-700: #78522b;
  --color-buffalo-trail-800: #593b1e;
  --color-buffalo-trail-900: #3e2814;
  --color-buffalo-trail-950: #271606;
}

SCSS

$buffalo-trail: #e2ac78;
$buffalo-trail-rgb: 226, 172, 120;
$buffalo-trail-light: mix(#fff, $buffalo-trail, 20%);
$buffalo-trail-dark: mix(#000, $buffalo-trail, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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