# カラーコード #bd7e2e：鮮やかな アンバー

#bd7e2e はRGBで rgb(189, 126, 46)、OKLCHで oklch(64.419% 0.12128 68.477) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bd7e2e |
| RGB | rgb(189, 126, 46) |
| HSL | hsl(33.57, 60.85%, 46.08%) |
| HSB / HSV | hsv(33.57 75.66% 74.12%) |
| HWB | hwb(33.57 18.04% 25.88%) |
| CMYK | cmyk(0% 33% 76% 26%) |
| Lab | lab(58.46 20.17 51.5) |
| LCH | lch(58.46 55.31 68.61) |
| OKLab | oklab(64.419% 0.04449 0.11282) |
| OKLCH | oklch(64.419% 0.12128 68.477) |
| Display P3 | color(display-p3 0.7053 0.5049 0.24443) |
| Rec. 2020 | color(rec2020 0.61961 0.46513 0.18923) |
| Adobe RGB | color(a98-rgb 0.67648 0.49037 0.21715) |
| ProPhoto RGB | color(prophoto-rgb 0.55102 0.44524 0.20318) |
| 線形sRGB | color(srgb-linear 0.50888 0.20864 0.02732) |
| XYZ D65 | color(xyz-d65 0.28939 0.25939 0.06067) |
| XYZ D50 | color(xyz-d50 0.30617 0.26445 0.04685) |
| SwiftUI | Color(red: 0.741, green: 0.494, blue: 0.18) |
| UIKit | UIColor(red: 0.741, green: 0.494, blue: 0.18, alpha: 1) |
| Flutter / Compose | Color(0xFFBD7E2E) |
| Android XML | #BD7E2E |

## 基本情報

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

## ティント

#bd7e2e, #c48b48, #cb985e, #d2a573, #d9b187, #dfbe9b, #e6cbaf, #ecd8c3, #f3e5d7, #f9f2eb

## シェード

#bd7e2e, #a46d27, #8c5c1f, #744c18, #5d3c12, #472d0b, #331f06, #1f1102, #0d0501, #020100

## トーン

#bd7e2e, #b9803c, #b48248, #b08453, #ab855c, #a68765, #a1886e, #9d8a76, #988b7e, #928c86

## カラーハーモニー

- 補色: #bd7e2e, #4c92d3
- 分裂補色: #bd7e2e, #009ebf, #7d85d6
- 類似色: #bd7e2e, #cb7154, #a18e24
- トライアド: #bd7e2e, #00a49c, #a278c6
- テトラード: #bd7e2e, #779b46, #4c92d3, #a278c6
- スクエア: #bd7e2e, #3ea371, #4c92d3, #bd6fa6
- モノクロマティック: #bd7e2e, #6d3b00, #975a00, #e5a357, #ffca81

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

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

#bd7e2e は鮮やかな アンバーです。最も近い名前のある色は鮮やかな アンバーです。RGBでは rgb(189, 126, 46)、HSLでは hsl(33.57, 60.85%, 46.08%)、OKLCHでは oklch(64.419% 0.12128 68.477) です。

### #bd7e2e に合う色は？

#bd7e2e の補色は #4c92d3 です。落ち着いた組み合わせにするなら、類似色の #cb7154 と #a18e24 を使いましょう。トライアドの組み合わせは #00a49c と #a278c6 です。

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

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

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

#bd7e2e は暖色系の色です。OKLCHでは色相 68度、明度 64.4%、クロマ 0.121 です。