이름 색상 · #BDA289
Kangaroo Pouch
Kangaroo Pouch은(는) #BDA289: rgb(189 162 137), hsl(29 28% 64%), oklch(0.73 0.047 64.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Kangaroo Pouch color name →
#BDA289
oklch(0.73 0.047 64.8)
색상 변환
- HEX
- #bda289
- RGB
- rgb(189 162 137)
- HSL
- hsl(29 28% 64%)
- HWB
- hwb(29 54% 26%)
- OKLCH
- oklch(0.73 0.047 64.8)
- OKLab
- oklab(0.73 0.02 0.043)
- CIE Lab
- lab(68.56 7.42 16.92)
- LCH
- lch(68.56 18.47 66.3)
- CMYK
- cmyk(0% 14% 28% 26%)
틴트 · 셰이드 · 톤
틴트
- C4AB94
- CAB4A0
- D1BDAB
- D7C6B7
- DED0C3
- E5D9CF
- EBE2DB
- F2ECE7
- F8F5F3
셰이드
- A48C76
- 8C7764
- 746353
- 5D4F42
- 473C31
- 332A22
- 1F1914
- 0D0A07
- 020101
톤
- B79F88
- B19B87
- AA9887
- A49486
- 9E9185
- 988E84
- 928A83
- 8C8782
- 868381
색 조화
보색 +180°
- BDA289
Kangaroo Pouch
- 8FABC4
≈ Cotton Denim
유사색 -30° +30°
- BDA289
Kangaroo Pouch
- C39E94
≈ Mahogany Rose
- B1A886
≈ Crocker Grove
삼각 배색 +120° +240°
- BDA289
Kangaroo Pouch
- 87B2AB
≈ Silicate Green
- AEA1C0
≈ Iris Blossom
분열 보색 +150° +210°
- BDA289
Kangaroo Pouch
- 86B0BA
≈ Open Seas
- 9EA6C6
≈ Wild Phlox
사각 배색 +90° +180° +270°
- BDA289
Kangaroo Pouch
- 91B19B
≈ Andean Slate
- 8FABC4
≈ Cotton Denim
- BB9DB4
≈ Fiddlesticks
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.41:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.69:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.69:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--kangaroo-pouch: #bda289;
--kangaroo-pouch-rgb: 189 162 137;
--kangaroo-pouch-oklch: oklch(0.73 0.047 64.8);
}
.element {
color: var(--kangaroo-pouch);
background-color: hsl(29 28% 64%);
border-color: oklch(0.73 0.047 64.8);
}Tailwind CSS v4
@theme {
--color-kangaroo-pouch: #bda289;
--color-kangaroo-pouch-50: #fff3e7;
--color-kangaroo-pouch-100: #f3e5d8;
--color-kangaroo-pouch-200: #e3d1c0;
--color-kangaroo-pouch-300: #c8b39e;
--color-kangaroo-pouch-400: #b39982;
--color-kangaroo-pouch-500: #9d8065;
--color-kangaroo-pouch-600: #846c56;
--color-kangaroo-pouch-700: #6a5745;
--color-kangaroo-pouch-800: #4e3f32;
--color-kangaroo-pouch-900: #372b22;
--color-kangaroo-pouch-950: #211911;
}SCSS
$kangaroo-pouch: #bda289;
$kangaroo-pouch-rgb: 189, 162, 137;
$kangaroo-pouch-light: mix(#fff, $kangaroo-pouch, 20%);
$kangaroo-pouch-dark: mix(#000, $kangaroo-pouch, 20%);
.element {
color: $kangaroo-pouch;
box-shadow: 0 0 0 2px rgba($kangaroo-pouch, 0.35);
}