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

#bfc36e はRGBで rgb(191, 195, 110)、OKLCHで oklch(79.534% 0.10855 110.981) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bfc36e |
| RGB | rgb(191, 195, 110) |
| HSL | hsl(62.82, 41.46%, 59.8%) |
| HSB / HSV | hsv(62.82 43.59% 76.47%) |
| HWB | hwb(62.82 43.14% 23.53%) |
| CMYK | cmyk(2% 0% 44% 24%) |
| Lab | lab(77.08 -10.6 41.99) |
| LCH | lch(77.08 43.3 104.17) |
| OKLab | oklab(79.534% -0.03887 0.10135) |
| OKLCH | oklch(79.534% 0.10855 110.981) |
| Display P3 | color(display-p3 0.75184 0.76419 0.47356) |
| Rec. 2020 | color(rec2020 0.71502 0.73351 0.42896) |
| Adobe RGB | color(a98-rgb 0.74799 0.75928 0.44911) |
| ProPhoto RGB | color(prophoto-rgb 0.66348 0.70448 0.41792) |
| 線形sRGB | color(srgb-linear 0.521 0.54572 0.15593) |
| XYZ D65 | color(xyz-d65 0.43814 0.51233 0.22333) |
| XYZ D50 | color(xyz-d50 0.45968 0.51659 0.17158) |
| SwiftUI | Color(red: 0.749, green: 0.765, blue: 0.431) |
| UIKit | UIColor(red: 0.749, green: 0.765, blue: 0.431, alpha: 1) |
| Flutter / Compose | Color(0xFFBFC36E) |
| Android XML | #BFC36E |

## 基本情報

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

## ティント

#bfc36e, #c5c97e, #cbcf8d, #d1d59b, #d8dbaa, #dee1b8, #e5e7c6, #ebedd5, #f2f3e3, #f8f9f1

## シェード

#bfc36e, #a6a95f, #8d9050, #757841, #5e6033, #484a26, #333419, #1f200e, #0d0e04, #020201

## トーン

#bfc36e, #bfc277, #bec280, #bec188, #bdc190, #bdc098, #bdbfa0, #bdbfa7, #bcbeae, #bcbdb5

## カラーハーモニー

- 補色: #bfc36e, #bcb0fd
- 分裂補色: #bfc36e, #95bdff, #dca5e7
- 類似色: #bfc36e, #e0b567, #95ce8c
- トライアド: #bfc36e, #6cc9f5, #f29fc5
- テトラード: #bfc36e, #6bd3b3, #bcb0fd, #f29fc5
- スクエア: #bfc36e, #56d1d9, #bcb0fd, #faa09e
- モノクロマティック: #bfc36e, #767920, #9a9d48, #e6ea94, #f8fda6

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

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

#bfc36e はやわらかな 明るい黄色です。最も近い名前のある色はやわらかな 明るい黄色です。RGBでは rgb(191, 195, 110)、HSLでは hsl(62.82, 41.46%, 59.8%)、OKLCHでは oklch(79.534% 0.10855 110.981) です。

### #bfc36e に合う色は？

#bfc36e の補色は #bcb0fd です。落ち着いた組み合わせにするなら、類似色の #e0b567 と #95ce8c を使いましょう。トライアドの組み合わせは #6cc9f5 と #f29fc5 です。

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

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

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

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