# カラーコード #bfae46：鮮やかな 明るい黄色

#bfae46 はRGBで rgb(191, 174, 70)、OKLCHで oklch(74.548% 0.12496 100.022) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bfae46 |
| RGB | rgb(191, 174, 70) |
| HSL | hsl(51.57, 48.59%, 51.18%) |
| HSB / HSV | hsv(51.57 63.35% 74.9%) |
| HWB | hwb(51.57 27.45% 25.1%) |
| CMYK | cmyk(0% 9% 63% 25%) |
| Lab | lab(71.08 -2.78 53.85) |
| LCH | lch(71.08 53.92 92.95) |
| OKLab | oklab(74.548% -0.02175 0.12305) |
| OKLCH | oklch(74.548% 0.12496 100.022) |
| Display P3 | color(display-p3 0.73775 0.6847 0.34118) |
| Rec. 2020 | color(rec2020 0.68251 0.6494 0.29188) |
| Adobe RGB | color(a98-rgb 0.7251 0.67642 0.31009) |
| ProPhoto RGB | color(prophoto-rgb 0.62093 0.61977 0.29575) |
| 線形sRGB | color(srgb-linear 0.521 0.42327 0.06125) |
| XYZ D65 | color(xyz-d65 0.37726 0.41791 0.11874) |
| XYZ D50 | color(xyz-d50 0.39897 0.42307 0.09208) |
| SwiftUI | Color(red: 0.749, green: 0.682, blue: 0.275) |
| UIKit | UIColor(red: 0.749, green: 0.682, blue: 0.275, alpha: 1) |
| Flutter / Compose | Color(0xFFBFAE46) |
| Android XML | #BFAE46 |

## 基本情報

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

## ティント

#bfae46, #c5b65c, #cbbe71, #d2c784, #d8cf96, #ded7a8, #e5dfb9, #ebe7cb, #f2efdc, #f8f7ee

## シェード

#bfae46, #a6973c, #8d8032, #756a28, #5e551e, #484115, #332e0d, #1f1c05, #0d0b02, #020100

## トーン

#bfae46, #bdae54, #bbae61, #b9ae6c, #b7ae76, #b5ae80, #b3ae8a, #b2ae93, #b0ad9b, #aeada4

## カラーハーモニー

- 補色: #bfae46, #9da3fa
- 分裂補色: #bfae46, #6cb2f8, #c596e7
- 類似色: #bfae46, #df9e4b, #92bc65
- トライアド: #bfae46, #31bee3, #e18cc5
- テトラード: #bfae46, #5ac591, #9da3fa, #e18cc5
- スクエア: #bfae46, #1cc5be, #9da3fa, #f08a9a
- モノクロマティック: #bfae46, #766500, #9a8914, #e6d56e, #fff891

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

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

#bfae46 は鮮やかな 明るい黄色です。最も近い名前のある色は鮮やかな 明るい黄色です。RGBでは rgb(191, 174, 70)、HSLでは hsl(51.57, 48.59%, 51.18%)、OKLCHでは oklch(74.548% 0.12496 100.022) です。

### #bfae46 に合う色は？

#bfae46 の補色は #9da3fa です。落ち着いた組み合わせにするなら、類似色の #df9e4b と #92bc65 を使いましょう。トライアドの組み合わせは #31bee3 と #e18cc5 です。

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

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

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

#bfae46 はニュートラルの色です。OKLCHでは色相 100度、明度 74.5%、クロマ 0.125 です。