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

#bfaf4e はRGBで rgb(191, 175, 78)、OKLCHで oklch(74.843% 0.11907 100.027) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bfaf4e |
| RGB | rgb(191, 175, 78) |
| HSL | hsl(51.5, 46.89%, 52.75%) |
| HSB / HSV | hsv(51.5 59.16% 74.9%) |
| HWB | hwb(51.5 30.59% 25.1%) |
| CMYK | cmyk(0% 8% 59% 25%) |
| Lab | lab(71.41 -2.88 50.66) |
| LCH | lch(71.41 50.74 93.25) |
| OKLab | oklab(74.843% -0.02073 0.11725) |
| OKLCH | oklch(74.843% 0.11907 100.027) |
| Display P3 | color(display-p3 0.73838 0.68848 0.36445) |
| Rec. 2020 | color(rec2020 0.68434 0.65347 0.31526) |
| Adobe RGB | color(a98-rgb 0.72613 0.68035 0.33574) |
| ProPhoto RGB | color(prophoto-rgb 0.62408 0.62396 0.31521) |
| 線形sRGB | color(srgb-linear 0.521 0.42869 0.07619) |
| XYZ D65 | color(xyz-d65 0.3819 0.42287 0.13359) |
| XYZ D50 | color(xyz-d50 0.4032 0.42786 0.10328) |
| SwiftUI | Color(red: 0.749, green: 0.686, blue: 0.306) |
| UIKit | UIColor(red: 0.749, green: 0.686, blue: 0.306, alpha: 1) |
| Flutter / Compose | Color(0xFFBFAF4E) |
| Android XML | #BFAF4E |

## 基本情報

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

## ティント

#bfaf4e, #c5b763, #cbbf76, #d2c788, #d8cf99, #ded7aa, #e5dfbb, #ebe7cc, #f2efdd, #f8f7ee

## シェード

#bfaf4e, #a69843, #8d8138, #756b2d, #5e5623, #484119, #332e0f, #1f1c07, #0d0b02, #020100

## トーン

#bfaf4e, #bdaf5b, #bbaf66, #b9af70, #b8af7a, #b6af83, #b4af8c, #b2ae95, #b1ae9d, #afaea5

## カラーハーモニー

- 補色: #bfaf4e, #9fa5f7
- 分裂補色: #bfaf4e, #70b3f6, #c598e6
- 類似色: #bfaf4e, #dd9f53, #94bd6a
- トライアド: #bfaf4e, #3ebfe1, #e08fc5
- テトラード: #bfaf4e, #61c593, #9fa5f7, #e08fc5
- スクエア: #bfaf4e, #31c5be, #9fa5f7, #ee8d9c
- モノクロマティック: #bfaf4e, #766600, #9a8a22, #e6d675, #fff897

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

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

#bfaf4e は鮮やかな 明るい黄色です。最も近い名前のある色は鮮やかな 明るい黄色です。RGBでは rgb(191, 175, 78)、HSLでは hsl(51.5, 46.89%, 52.75%)、OKLCHでは oklch(74.843% 0.11907 100.027) です。

### #bfaf4e に合う色は？

#bfaf4e の補色は #9fa5f7 です。落ち着いた組み合わせにするなら、類似色の #dd9f53 と #94bd6a を使いましょう。トライアドの組み合わせは #3ebfe1 と #e08fc5 です。

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

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

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

#bfaf4e はニュートラルの色です。OKLCHでは色相 100度、明度 74.8%、クロマ 0.119 です。