# カラーコード #bcaf75：スモーキーな 明るい黄色

#bcaf75 はRGBで rgb(188, 175, 117)、OKLCHで oklch(75.132% 0.07812 97.062) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bcaf75 |
| RGB | rgb(188, 175, 117) |
| HSL | hsl(49.01, 34.63%, 59.8%) |
| HSB / HSV | hsv(49.01 37.77% 73.73%) |
| HWB | hwb(49.01 45.88% 26.27%) |
| CMYK | cmyk(0% 7% 38% 26%) |
| Lab | lab(71.55 -1.46 31.54) |
| LCH | lch(71.55 31.57 92.65) |
| OKLab | oklab(75.132% -0.0096 0.07753) |
| OKLCH | oklch(75.132% 0.07812 97.062) |
| Display P3 | color(display-p3 0.72854 0.68805 0.48632) |
| Rec. 2020 | color(rec2020 0.67911 0.65339 0.43982) |
| Adobe RGB | color(a98-rgb 0.71743 0.68035 0.46793) |
| ProPhoto RGB | color(prophoto-rgb 0.62789 0.62484 0.42339) |
| 線形sRGB | color(srgb-linear 0.50289 0.42869 0.17789) |
| XYZ D65 | color(xyz-d65 0.39278 0.42636 0.22991) |
| XYZ D50 | color(xyz-d50 0.40985 0.43 0.17565) |
| SwiftUI | Color(red: 0.737, green: 0.686, blue: 0.459) |
| UIKit | UIColor(red: 0.737, green: 0.686, blue: 0.459, alpha: 1) |
| Flutter / Compose | Color(0xFFBCAF75) |
| Android XML | #BCAF75 |

## 基本情報

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

## ティント

#bcaf75, #c2b783, #c9bf91, #d0c79f, #d6cfac, #ddd7ba, #e4dfc8, #eae7d5, #f1efe3, #f8f7f1

## シェード

#bcaf75, #a39865, #8b8155, #736b46, #5d5637, #474129, #322e1c, #1f1c0f, #0d0b05, #020101

## トーン

#bcaf75, #bbaf7b, #b9af82, #b8af88, #b6af8d, #b5af93, #b4af99, #b2af9e, #b1afa4, #b0aea9

## カラーハーモニー

- 補色: #bcaf75, #a1aae0
- 分裂補色: #bcaf75, #86b3de, #bba2d6
- 類似色: #bcaf75, #d0a579, #a1b882
- トライアド: #bcaf75, #72bbcf, #cf9cc0
- テトラード: #bcaf75, #85be9b, #a1aae0, #cf9cc0
- スクエア: #bcaf75, #71bfb7, #a1aae0, #da9aa6
- モノクロマティック: #bcaf75, #73672e, #978a51, #e3d69a, #fff6ba

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

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

#bcaf75 はスモーキーな 明るい黄色です。最も近い名前のある色はスモーキーな 明るい黄色です。RGBでは rgb(188, 175, 117)、HSLでは hsl(49.01, 34.63%, 59.8%)、OKLCHでは oklch(75.132% 0.07812 97.062) です。

### #bcaf75 に合う色は？

#bcaf75 の補色は #a1aae0 です。落ち着いた組み合わせにするなら、類似色の #d0a579 と #a1b882 を使いましょう。トライアドの組み合わせは #72bbcf と #cf9cc0 です。

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

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

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

#bcaf75 は暖色系の色です。OKLCHでは色相 97度、明度 75.1%、クロマ 0.078 です。