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

#bfc36b はRGBで rgb(191, 195, 107)、OKLCHで oklch(79.49% 0.11176 110.974) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bfc36b |
| RGB | rgb(191, 195, 107) |
| HSL | hsl(62.73, 42.31%, 59.22%) |
| HSB / HSV | hsv(62.73 45.13% 76.47%) |
| HWB | hwb(62.73 41.96% 23.53%) |
| CMYK | cmyk(2% 0% 45% 24%) |
| Lab | lab(77.04 -10.82 43.41) |
| LCH | lch(77.04 44.74 104) |
| OKLab | oklab(79.49% -0.04 0.10436) |
| OKLCH | oklch(79.49% 0.11176 110.974) |
| Display P3 | color(display-p3 0.75184 0.76419 0.46407) |
| Rec. 2020 | color(rec2020 0.71474 0.73344 0.4192) |
| Adobe RGB | color(a98-rgb 0.74799 0.75928 0.43884) |
| ProPhoto RGB | color(prophoto-rgb 0.66251 0.7043 0.40924) |
| 線形sRGB | color(srgb-linear 0.521 0.54572 0.14703) |
| XYZ D65 | color(xyz-d65 0.43653 0.51168 0.21487) |
| XYZ D50 | color(xyz-d50 0.45841 0.51605 0.16523) |
| SwiftUI | Color(red: 0.749, green: 0.765, blue: 0.42) |
| UIKit | UIColor(red: 0.749, green: 0.765, blue: 0.42, alpha: 1) |
| Flutter / Compose | Color(0xFFBFC36B) |
| Android XML | #BFC36B |

## 基本情報

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

## ティント

#bfc36b, #c5c97b, #cbcf8b, #d1d59a, #d8dba8, #dee1b7, #e5e7c5, #ebedd4, #f2f3e2, #f8f9f1

## シェード

#bfc36b, #a6a95c, #8d904e, #75783f, #5e6032, #484a25, #333418, #1f200d, #0d0e04, #020200

## トーン

#bfc36b, #bfc275, #bec27e, #bec186, #bdc18f, #bdc097, #bdbf9f, #bdbfa6, #bcbeae, #bcbdb5

## カラーハーモニー

- 補色: #bfc36b, #bcafff
- 分裂補色: #bfc36b, #93bdff, #dda4e8
- 類似色: #bfc36b, #e1b464, #94ce8a
- トライアド: #bfc36b, #69c9f7, #f39ec5
- テトラード: #bfc36b, #67d3b2, #bcafff, #f39ec5
- スクエア: #bfc36b, #51d1d9, #bcafff, #fc9f9d
- モノクロマティック: #bfc36b, #76781a, #9a9d45, #e6ea91, #f8fda3

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

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

#bfc36b はやわらかな 明るい黄色です。最も近い名前のある色はやわらかな 明るい黄色です。RGBでは rgb(191, 195, 107)、HSLでは hsl(62.73, 42.31%, 59.22%)、OKLCHでは oklch(79.49% 0.11176 110.974) です。

### #bfc36b に合う色は？

#bfc36b の補色は #bcafff です。落ち着いた組み合わせにするなら、類似色の #e1b464 と #94ce8a を使いましょう。トライアドの組み合わせは #69c9f7 と #f39ec5 です。

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

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

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

#bfc36b はニュートラルの色です。OKLCHでは色相 111度、明度 79.5%、クロマ 0.112 です。