Adlandırılmış renk · #BDA289
Kangaroo Pouch
Kangaroo Pouch, #BDA289: rgb(189 162 137), hsl(29 28% 64%), oklch(0.73 0.047 64.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Kangaroo Pouch color name →
#BDA289
oklch(0.73 0.047 64.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C4AB94
- CAB4A0
- D1BDAB
- D7C6B7
- DED0C3
- E5D9CF
- EBE2DB
- F2ECE7
- F8F5F3
Koyu tonlar
- A48C76
- 8C7764
- 746353
- 5D4F42
- 473C31
- 332A22
- 1F1914
- 0D0A07
- 020101
Gri tonlar
- B79F88
- B19B87
- AA9887
- A49486
- 9E9185
- 988E84
- 928A83
- 8C8782
- 868381
Renk uyumları
Tamamlayıcı +180°
- BDA289
Kangaroo Pouch
- 8FABC4
≈ Cotton Denim
Analog -30° +30°
- BDA289
Kangaroo Pouch
- C39E94
≈ Mahogany Rose
- B1A886
≈ Crocker Grove
Üçlü +120° +240°
- BDA289
Kangaroo Pouch
- 87B2AB
≈ Silicate Green
- AEA1C0
≈ Iris Blossom
Bölünmüş tamamlayıcı +150° +210°
- BDA289
Kangaroo Pouch
- 86B0BA
≈ Open Seas
- 9EA6C6
≈ Wild Phlox
Dörtlü +90° +180° +270°
- BDA289
Kangaroo Pouch
- 91B19B
≈ Andean Slate
- 8FABC4
≈ Cotton Denim
- BB9DB4
≈ Fiddlesticks
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.41:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.69:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.69:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
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);
}