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

#bcb77e はRGBで rgb(188, 183, 126)、OKLCHで oklch(76.985% 0.07591 103.766) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bcb77e |
| RGB | rgb(188, 183, 126) |
| HSL | hsl(55.16, 31.63%, 61.57%) |
| HSB / HSV | hsv(55.16 32.98% 73.73%) |
| HWB | hwb(55.16 49.41% 26.27%) |
| CMYK | cmyk(0% 3% 33% 26%) |
| Lab | lab(73.8 -4.64 29.73) |
| LCH | lch(73.8 30.09 98.88) |
| OKLab | oklab(76.985% -0.01806 0.07373) |
| OKLCH | oklch(76.985% 0.07591 103.766) |
| Display P3 | color(display-p3 0.73382 0.71831 0.51981) |
| Rec. 2020 | color(rec2020 0.69114 0.68525 0.47557) |
| Adobe RGB | color(a98-rgb 0.72601 0.71183 0.50186) |
| ProPhoto RGB | color(prophoto-rgb 0.64316 0.65659 0.45753) |
| 線形sRGB | color(srgb-linear 0.50289 0.47353 0.20864) |
| XYZ D65 | color(xyz-d65 0.41437 0.46065 0.26448) |
| XYZ D50 | color(xyz-d50 0.43152 0.464 0.20196) |
| SwiftUI | Color(red: 0.737, green: 0.718, blue: 0.494) |
| UIKit | UIColor(red: 0.737, green: 0.718, blue: 0.494, alpha: 1) |
| Flutter / Compose | Color(0xFFBCB77E) |
| Android XML | #BCB77E |

## 基本情報

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

## ティント

#bcb77e, #c2be8b, #c9c598, #d0cca5, #d6d4b2, #dddbbe, #e4e2cb, #eae9d8, #f1f0e5, #f8f8f2

## シェード

#bcb77e, #a39f6d, #8b875c, #73704c, #5d5a3c, #47452d, #32311f, #1f1e11, #0d0c05, #020201

## トーン

#bcb77e, #bbb784, #bab78a, #b9b68f, #b9b695, #b8b69a, #b7b5a0, #b6b5a5, #b5b5aa, #b5b4af

## カラーハーモニー

- 補色: #bcb77e, #adaee4
- 分裂補色: #bcb77e, #93b7e4, #c6a6d7
- 類似色: #bcb77e, #d2ad7e, #a1bf8e
- トライアド: #bcb77e, #7dbfd8, #d8a1c0
- テトラード: #bcb77e, #86c4a7, #adaee4, #d8a1c0
- スクエア: #bcb77e, #77c4c2, #adaee4, #e0a1a6
- モノクロマティック: #bcb77e, #736e37, #97925a, #e3dea3, #fdf8bd

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

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

#bcb77e はスモーキーな 明るい黄色です。最も近い名前のある色はスモーキーな 明るい黄色です。RGBでは rgb(188, 183, 126)、HSLでは hsl(55.16, 31.63%, 61.57%)、OKLCHでは oklch(76.985% 0.07591 103.766) です。

### #bcb77e に合う色は？

#bcb77e の補色は #adaee4 です。落ち着いた組み合わせにするなら、類似色の #d2ad7e と #a1bf8e を使いましょう。トライアドの組み合わせは #7dbfd8 と #d8a1c0 です。

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

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

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

#bcb77e はニュートラルの色です。OKLCHでは色相 104度、明度 77%、クロマ 0.076 です。