# カラーコード #bb9b59：やわらかな 明るいアンバー

#bb9b59 はRGBで rgb(187, 155, 89)、OKLCHで oklch(70.427% 0.09297 84.174) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/bb9b59

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bb9b59 |
| RGB | rgb(187, 155, 89) |
| HSL | hsl(40.41, 41.88%, 54.12%) |
| HSB / HSV | hsv(40.41 52.41% 73.33%) |
| HWB | hwb(40.41 34.9% 26.67%) |
| CMYK | cmyk(0% 17% 52% 27%) |
| Lab | lab(65.87 6.2 38.97) |
| LCH | lch(65.87 39.46 80.96) |
| OKLab | oklab(70.427% 0.00944 0.09249) |
| OKLCH | oklch(70.427% 0.09297 84.174) |
| Display P3 | color(display-p3 0.71312 0.61255 0.38587) |
| Rec. 2020 | color(rec2020 0.64792 0.57442 0.33421) |
| Adobe RGB | color(a98-rgb 0.69464 0.60219 0.36544) |
| ProPhoto RGB | color(prophoto-rgb 0.58867 0.54738 0.32658) |
| 線形sRGB | color(srgb-linear 0.49693 0.32778 0.0999) |
| XYZ D65 | color(xyz-d65 0.34017 0.3473 0.14363) |
| XYZ D50 | color(xyz-d50 0.35723 0.3516 0.11008) |
| SwiftUI | Color(red: 0.733, green: 0.608, blue: 0.349) |
| UIKit | UIColor(red: 0.733, green: 0.608, blue: 0.349, alpha: 1) |
| Flutter / Compose | Color(0xFFBB9B59) |
| Android XML | #BB9B59 |

## 基本情報

- 最も近い色名: やわらかな 明るいアンバー
- 色相の系統: アンバー, やわらかな 明るいアンバー
- 最も近いTailwindクラス: yellow-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.64:1
- 黒とのコントラスト: 7.95:1

## ティント

#bb9b59, #c2a56a, #c9af7b, #cfb98c, #d6c39c, #ddcdad, #e4d7bd, #eae1cd, #f1ebde, #f8f5ee

## シェード

#bb9b59, #a2864c, #8a7240, #735e34, #5c4b28, #46391d, #322813, #1f1809, #0d0903, #020100

## トーン

#bb9b59, #b89c61, #b69c69, #b39d71, #b09d78, #ad9e7f, #ab9e86, #a89f8d, #a59f93, #a29f99

## カラーハーモニー

- 補色: #bb9b59, #829fda
- 分裂補色: #bb9b59, #61a9d1, #a395d4
- 類似色: #bb9b59, #cd9067, #9fa761
- トライアド: #bb9b59, #4db1ba, #bd8cc1
- テトラード: #bb9b59, #7caf7b, #829fda, #bd8cc1
- スクエア: #bb9b59, #5ab39b, #829fda, #ce87a3
- モノクロマティック: #bb9b59, #715406, #957734, #e2c17e, #ffe8a4

## #bb9b59 についてのよくある質問

### #bb9b59 は何色ですか？

#bb9b59 はやわらかな 明るいアンバーです。最も近い名前のある色はやわらかな 明るいアンバーです。RGBでは rgb(187, 155, 89)、HSLでは hsl(40.41, 41.88%, 54.12%)、OKLCHでは oklch(70.427% 0.09297 84.174) です。

### #bb9b59 に合う色は？

#bb9b59 の補色は #829fda です。落ち着いた組み合わせにするなら、類似色の #cd9067 と #9fa761 を使いましょう。トライアドの組み合わせは #4db1ba と #bd8cc1 です。

### #bb9b59 の上では白と黒のどちらの文字が読みやすいですか？

#bb9b59 の上では黒の文字のほうが読みやすくなります。白はコントラスト比 2.64:1、黒は 7.95:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #bb9b59 は暖色と寒色のどちらですか？

#bb9b59 は暖色系の色です。OKLCHでは色相 84度、明度 70.4%、クロマ 0.093 です。