이름 색상 · #B5AC94

Bison Hide

Bison Hide은(는) #B5AC94: rgb(181 172 148), hsl(44 18% 65%), oklch(0.745 0.035 89.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Bison Hide color name →

#B5AC94

oklch(0.745 0.035 89.9)

색상 변환

HEX: #b5ac94
RGB: rgb(181 172 148)
HSL: hsl(44 18% 65%)
HWB: hwb(44 58% 29%)
OKLCH: oklch(0.745 0.035 89.9)
OKLab: oklab(0.745 0 0.035)
CIE Lab: lab(70.63 0.35 13.62)
LCH: lch(70.63 13.63 88.5)
CMYK: cmyk(0% 5% 18% 29%)

틴트 · 셰이드 · 톤

틴트

BCB49E
C3BCA9
CBC4B3
D2CDBE
D9D5C8
E1DDD3
E8E6DE
F0EEE9
F7F6F4

셰이드

9D9580
867F6D
6F695A
595448
444036
302D26
1D1B16
0C0B08
020101

톤

B0A892
AAA390
A59F8E
9F9A8C
9A968A
959188
908D86
8A8984
858482

색 조화

보색 +180°

B5AC94
Bison Hide
A4ACC3
≈ Foxflower Viola

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.25:1 · APCA Lc 45

Fail

검은색 위

WCAG 9.29:1 · APCA Lc 58

AAA

가장 좋은 글자색: #000000

WCAG 9.29:1 (AAA) · APCA Lc 58

Contrast pairs

코드 스니펫

CSS

:root {
  --bison-hide: #b5ac94;
  --bison-hide-rgb: 181 172 148;
  --bison-hide-oklch: oklch(0.745 0.035 89.9);
}

.element {
  color: var(--bison-hide);
  background-color: hsl(44 18% 65%);
  border-color: oklch(0.745 0.035 89.9);
}

Tailwind CSS v4

@theme {
  --color-bison-hide: #b5ac94;
  --color-bison-hide-50: #f9f5ea;
  --color-bison-hide-100: #ece8db;
  --color-bison-hide-200: #d9d4c4;
  --color-bison-hide-300: #beb7a4;
  --color-bison-hide-400: #a69e87;
  --color-bison-hide-500: #8f866c;
  --color-bison-hide-600: #79715c;
  --color-bison-hide-700: #615a49;
  --color-bison-hide-800: #474235;
  --color-bison-hide-900: #312d24;
  --color-bison-hide-950: #1d1a13;
}

SCSS

$bison-hide: #b5ac94;
$bison-hide-rgb: 181, 172, 148;
$bison-hide-light: mix(#fff, $bison-hide, 20%);
$bison-hide-dark: mix(#000, $bison-hide, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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