# カラーコード #bb9757：やわらかな アンバー

#bb9757 はRGBで rgb(187, 151, 87)、OKLCHで oklch(69.582% 0.09296 80.672) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bb9757 |
| RGB | rgb(187, 151, 87) |
| HSL | hsl(38.4, 42.37%, 53.73%) |
| HSB / HSV | hsv(38.4 53.48% 73.33%) |
| HWB | hwb(38.4 34.12% 26.67%) |
| CMYK | cmyk(0% 19% 53% 27%) |
| Lab | lab(64.82 8.14 38.74) |
| LCH | lch(64.82 39.58 78.13) |
| OKLab | oklab(69.582% 0.01507 0.09173) |
| OKLCH | oklch(69.582% 0.09296 80.672) |
| Display P3 | color(display-p3 0.71089 0.59755 0.37755) |
| Rec. 2020 | color(rec2020 0.64296 0.55901 0.32527) |
| Adobe RGB | color(a98-rgb 0.69096 0.58665 0.3575) |
| ProPhoto RGB | color(prophoto-rgb 0.58297 0.53271 0.31816) |
| 線形sRGB | color(srgb-linear 0.49693 0.30947 0.09531) |
| XYZ D65 | color(xyz-d65 0.33279 0.33387 0.13709) |
| XYZ D50 | color(xyz-d50 0.34952 0.3382 0.10502) |
| SwiftUI | Color(red: 0.733, green: 0.592, blue: 0.341) |
| UIKit | UIColor(red: 0.733, green: 0.592, blue: 0.341, alpha: 1) |
| Flutter / Compose | Color(0xFFBB9757) |
| Android XML | #BB9757 |

## 基本情報

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

## ティント

#bb9757, #c2a169, #c9ac7a, #cfb68a, #d6c09b, #ddcbab, #e4d5bc, #ebdfcd, #f1eadd, #f8f4ee

## シェード

#bb9757, #a2834b, #8a6f3e, #735c33, #5c4927, #46371c, #322612, #1f1708, #0d0803, #020100

## トーン

#bb9757, #b8985f, #b59967, #b2996f, #af9a76, #ac9b7d, #a99b84, #a69c8a, #a39c90, #a09d97

## カラーハーモニー

- 補色: #bb9757, #7c9ed7
- 分裂補色: #bb9757, #5ba8cc, #9d93d3
- 類似色: #bb9757, #cc8c67, #a0a35c
- トライアド: #bb9757, #4aaeb4, #b88ac1
- テトラード: #bb9757, #7dac75, #7c9ed7, #b88ac1
- スクエア: #bb9757, #5bb095, #7c9ed7, #ca85a5
- モノクロマティック: #bb9757, #715003, #957332, #e2bd7c, #ffe4a2

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

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

#bb9757 はやわらかな アンバーです。最も近い名前のある色はやわらかな アンバーです。RGBでは rgb(187, 151, 87)、HSLでは hsl(38.4, 42.37%, 53.73%)、OKLCHでは oklch(69.582% 0.09296 80.672) です。

### #bb9757 に合う色は？

#bb9757 の補色は #7c9ed7 です。落ち着いた組み合わせにするなら、類似色の #cc8c67 と #a0a35c を使いましょう。トライアドの組み合わせは #4aaeb4 と #b88ac1 です。

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

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

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

#bb9757 は暖色系の色です。OKLCHでは色相 81度、明度 69.6%、クロマ 0.093 です。