色名 · #94734C
Dancing Bear
Dancing Bearは#94734C：rgb(148 115 76)、hsl(33 32% 44%)、oklch(0.579 0.068 70.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · Dancing Bear color name →
#94734C
oklch(0.579 0.068 70.5)
カラー変換
- HEX
- #94734c
- RGB
- rgb(148 115 76)
- HSL
- hsl(33 32% 44%)
- HWB
- hwb(33 30% 42%)
- OKLCH
- oklch(0.579 0.068 70.5)
- OKLab
- oklab(0.579 0.023 0.065)
- CIE Lab
- lab(51.06 9.62 26.75)
- LCH
- lch(51.06 28.43 70.2)
- CMYK
- cmyk(0% 22% 49% 42%)
ティント · シェード · トーン
ティント
- 9E805D
- A98E6F
- B49B80
- BEA991
- C9B7A3
- D4C5B5
- DED3C7
- E9E2DA
- F4F0EC
シェード
- 806341
- 6D5436
- 5A452C
- 483622
- 362818
- 261B0F
- 160F06
- 080502
- 010100
トーン
- 927452
- 907657
- 8E775D
- 8C7962
- 8A7A67
- 887B6C
- 867C71
- 847E76
- 827F7B
カラーハーモニー
補色 +180°
- 94734C
Dancing Bear
- 5B7DA1
≈ Cocktail Blue
類似色 -30° +30°
- 94734C
Dancing Bear
- 9D6C5B
≈ Brownish
- 837B4A
≈ Verdant Leaf
トライアド +120° +240°
- 94734C
Dancing Bear
- 448783
≈ Jericho Jade
- 876F98
≈ Baroness Mauve
スプリットコンプリメンタリー +150° +210°
- 94734C
Dancing Bear
- 488396
≈ Casual Blue
- 7276A2
≈ Bleached Denim
テトラード +90° +180° +270°
- 94734C
Dancing Bear
- 54876C
≈ Saltwater Depth
- 5B7DA1
≈ Cocktail Blue
- 966A86
≈ Fruit of Passion
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.36:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.81:1 · APCA Lc 32
最適な文字色: #000000
WCAG 4.81:1 (AA) · APCA Lc 32
Contrast pairs
コードスニペット
CSS
:root {
--dancing-bear: #94734c;
--dancing-bear-rgb: 148 115 76;
--dancing-bear-oklch: oklch(0.579 0.068 70.5);
}
.element {
color: var(--dancing-bear);
background-color: hsl(33 32% 44%);
border-color: oklch(0.579 0.068 70.5);
}Tailwind CSS v4
@theme {
--color-dancing-bear: #94734c;
--color-dancing-bear-50: #fff3e0;
--color-dancing-bear-100: #f7e5d0;
--color-dancing-bear-200: #e7d0b5;
--color-dancing-bear-300: #ceb291;
--color-dancing-bear-400: #b99872;
--color-dancing-bear-500: #a37e53;
--color-dancing-bear-600: #8a6b47;
--color-dancing-bear-700: #6f5638;
--color-dancing-bear-800: #523e28;
--color-dancing-bear-900: #392b1b;
--color-dancing-bear-950: #24180b;
}SCSS
$dancing-bear: #94734c;
$dancing-bear-rgb: 148, 115, 76;
$dancing-bear-light: mix(#fff, $dancing-bear, 20%);
$dancing-bear-dark: mix(#000, $dancing-bear, 20%);
.element {
color: $dancing-bear;
box-shadow: 0 0 0 2px rgba($dancing-bear, 0.35);
}