# カラーコード #bfa863：やわらかな 明るい黄色

#bfa863 はRGBで rgb(191, 168, 99)、OKLCHで oklch(73.648% 0.0927 91.551) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bfa863 |
| RGB | rgb(191, 168, 99) |
| HSL | hsl(45, 41.82%, 56.86%) |
| HSB / HSV | hsv(45 48.17% 74.9%) |
| HWB | hwb(45 38.82% 25.1%) |
| CMYK | cmyk(0% 12% 48% 25%) |
| Lab | lab(69.77 1.92 38.66) |
| LCH | lch(69.77 38.7 87.16) |
| OKLab | oklab(73.648% -0.00251 0.09266) |
| OKLCH | oklch(73.648% 0.0927 91.551) |
| Display P3 | color(display-p3 0.73405 0.66208 0.42472) |
| Rec. 2020 | color(rec2020 0.67672 0.62649 0.37543) |
| Adobe RGB | color(a98-rgb 0.71903 0.6529 0.40333) |
| ProPhoto RGB | color(prophoto-rgb 0.61968 0.59838 0.36484) |
| 線形sRGB | color(srgb-linear 0.521 0.39157 0.12477) |
| XYZ D65 | color(xyz-d65 0.37739 0.39983 0.17534) |
| XYZ D50 | color(xyz-d50 0.39586 0.40419 0.13437) |
| SwiftUI | Color(red: 0.749, green: 0.659, blue: 0.388) |
| UIKit | UIColor(red: 0.749, green: 0.659, blue: 0.388, alpha: 1) |
| Flutter / Compose | Color(0xFFBFA863) |
| Android XML | #BFA863 |

## 基本情報

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

## ティント

#bfa863, #c5b173, #ccb983, #d2c293, #d8cba2, #dfd3b2, #e5dcc1, #ebe5d1, #f2ede0, #f8f6ef

## シェード

#bfa863, #a69255, #8d7c47, #75673a, #5e522e, #483f21, #332c16, #1f1a0b, #0d0a03, #020100

## トーン

#bfa863, #bda86b, #bba973, #b9a97b, #b6a982, #b4a989, #b2a990, #b0aa96, #aeaa9d, #acaaa3

## カラーハーモニー

- 補色: #bfa863, #95a7e5
- 分裂補色: #bfa863, #73b1df, #b49cdb
- 類似色: #bfa863, #d49c6c, #a0b370
- トライアド: #bfa863, #5bb9cb, #cc94c4
- テトラード: #bfa863, #7dbb8c, #95a7e5, #cc94c4
- スクエア: #bfa863, #5fbdae, #95a7e5, #db91a6
- モノクロマティック: #bfa863, #766016, #99833e, #e6ce88, #fff4ad

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

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

#bfa863 はやわらかな 明るい黄色です。最も近い名前のある色はやわらかな 明るい黄色です。RGBでは rgb(191, 168, 99)、HSLでは hsl(45, 41.82%, 56.86%)、OKLCHでは oklch(73.648% 0.0927 91.551) です。

### #bfa863 に合う色は？

#bfa863 の補色は #95a7e5 です。落ち着いた組み合わせにするなら、類似色の #d49c6c と #a0b370 を使いましょう。トライアドの組み合わせは #5bb9cb と #cc94c4 です。

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

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

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

#bfa863 は暖色系の色です。OKLCHでは色相 92度、明度 73.6%、クロマ 0.093 です。