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

#bfa167 はRGBで rgb(191, 161, 103)、OKLCHで oklch(72.27% 0.08382 83.122) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bfa167 |
| RGB | rgb(191, 161, 103) |
| HSL | hsl(39.55, 40.74%, 57.65%) |
| HSB / HSV | hsv(39.55 46.07% 74.9%) |
| HWB | hwb(39.55 40.39% 25.1%) |
| CMYK | cmyk(0% 16% 46% 25%) |
| Lab | lab(67.99 5.77 34.44) |
| LCH | lch(67.99 34.92 80.49) |
| OKLab | oklab(72.27% 0.01004 0.08321) |
| OKLCH | oklch(72.27% 0.08382 83.122) |
| Display P3 | color(display-p3 0.72991 0.63574 0.43431) |
| Rec. 2020 | color(rec2020 0.66825 0.5994 0.38448) |
| Adobe RGB | color(a98-rgb 0.71223 0.62555 0.41523) |
| ProPhoto RGB | color(prophoto-rgb 0.61142 0.57245 0.37134) |
| 線形sRGB | color(srgb-linear 0.521 0.3564 0.13563) |
| XYZ D65 | color(xyz-d65 0.36678 0.37546 0.18148) |
| XYZ D50 | color(xyz-d50 0.38386 0.37964 0.13871) |
| SwiftUI | Color(red: 0.749, green: 0.631, blue: 0.404) |
| UIKit | UIColor(red: 0.749, green: 0.631, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFFBFA167) |
| Android XML | #BFA167 |

## 基本情報

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

## ティント

#bfa167, #c5aa77, #ccb486, #d2bd95, #d8c6a4, #dfd0b3, #e5d9c2, #ece2d1, #f2ece0, #f9f5f0

## シェード

#bfa167, #a68b59, #8d764b, #75623d, #5e4e30, #483c23, #332a17, #1f190c, #0d0904, #020100

## トーン

#bfa167, #bca26e, #baa275, #b7a37c, #b5a382, #b2a488, #b0a48e, #ada494, #aba59a, #a8a5a0

## カラーハーモニー

- 補色: #bfa167, #8aa6db
- 分裂補色: #bfa167, #6eafd2, #a79cd6
- 類似色: #bfa167, #d09774, #a5ab6d
- トライアド: #bfa167, #5fb5bd, #bf94c4
- テトラード: #bfa167, #86b383, #8aa6db, #bf94c4
- スクエア: #bfa167, #6ab7a0, #8aa6db, #cf90aa
- モノクロマティック: #bfa167, #755a1e, #997c43, #e6c78c, #ffefb5

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

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

#bfa167 はやわらかな 明るいアンバーです。最も近い名前のある色はやわらかな 明るいアンバーです。RGBでは rgb(191, 161, 103)、HSLでは hsl(39.55, 40.74%, 57.65%)、OKLCHでは oklch(72.27% 0.08382 83.122) です。

### #bfa167 に合う色は？

#bfa167 の補色は #8aa6db です。落ち着いた組み合わせにするなら、類似色の #d09774 と #a5ab6d を使いましょう。トライアドの組み合わせは #5fb5bd と #bf94c4 です。

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

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

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

#bfa167 は暖色系の色です。OKLCHでは色相 83度、明度 72.3%、クロマ 0.084 です。