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

#bcac5d はRGBで rgb(188, 172, 93)、OKLCHで oklch(74.119% 0.1018 98.135) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bcac5d |
| RGB | rgb(188, 172, 93) |
| HSL | hsl(49.89, 41.48%, 55.1%) |
| HSB / HSV | hsv(49.89 50.53% 73.73%) |
| HWB | hwb(49.89 36.47% 26.27%) |
| CMYK | cmyk(0% 9% 51% 26%) |
| Lab | lab(70.47 -1.76 42.41) |
| LCH | lch(70.47 42.45 92.38) |
| OKLab | oklab(74.119% -0.01441 0.10078) |
| OKLCH | oklch(74.119% 0.1018 98.135) |
| Display P3 | color(display-p3 0.72663 0.67671 0.40742) |
| Rec. 2020 | color(rec2020 0.67283 0.64099 0.35826) |
| Adobe RGB | color(a98-rgb 0.7143 0.66858 0.38411) |
| ProPhoto RGB | color(prophoto-rgb 0.61575 0.61175 0.35082) |
| 線形sRGB | color(srgb-linear 0.50289 0.41254 0.10946) |
| XYZ D65 | color(xyz-d65 0.37466 0.40987 0.16294) |
| XYZ D50 | color(xyz-d50 0.39384 0.41427 0.12522) |
| SwiftUI | Color(red: 0.737, green: 0.675, blue: 0.365) |
| UIKit | UIColor(red: 0.737, green: 0.675, blue: 0.365, alpha: 1) |
| Flutter / Compose | Color(0xFFBCAC5D) |
| Android XML | #BCAC5D |

## 基本情報

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

## ティント

#bcac5d, #c2b46e, #c9bd7f, #d0c590, #d6cda0, #ddd5b0, #e4debf, #eae6cf, #f1eedf, #f8f7ef

## シェード

#bcac5d, #a39550, #8b7f43, #736937, #5d542a, #47401f, #322d14, #1f1b0a, #0d0b03, #020100

## トーン

#bcac5d, #baac66, #b8ac6f, #b7ac78, #b5ac80, #b3ac87, #b2ac8f, #b0ac96, #aeac9d, #adaba4

## カラーハーモニー

- 補色: #bcac5d, #9ca5eb
- 分裂補色: #bcac5d, #76b1e9, #bd9add
- 類似色: #bcac5d, #d69f62, #98b871
- トライアド: #bcac5d, #54bbd6, #d592c1
- テトラード: #bcac5d, #70bf93, #9ca5eb, #d592c1
- スクエア: #bcac5d, #51c0b7, #9ca5eb, #e3909f
- モノクロマティック: #bcac5d, #736305, #978737, #e3d383, #fff7a6

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

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

#bcac5d はやわらかな 明るい黄色です。最も近い名前のある色はやわらかな 明るい黄色です。RGBでは rgb(188, 172, 93)、HSLでは hsl(49.89, 41.48%, 55.1%)、OKLCHでは oklch(74.119% 0.1018 98.135) です。

### #bcac5d に合う色は？

#bcac5d の補色は #9ca5eb です。落ち着いた組み合わせにするなら、類似色の #d69f62 と #98b871 を使いましょう。トライアドの組み合わせは #54bbd6 と #d592c1 です。

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

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

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

#bcac5d は暖色系の色です。OKLCHでは色相 98度、明度 74.1%、クロマ 0.102 です。