#BAC37FのRGB値は？

#BAC37F（ダークカーキ系）のRGB値は、赤(R)=186、緑(G)=195、青(B)=127です。

#BAC37Fの補色は？

#BAC37F（ダークカーキ系）の補色は、色相環で180度反対に位置する色です。詳細はこのページの配色パレットセクションをご確認ください。

#BAC37Fはどんな色？

#BAC37Fはダークカーキ系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

#BAC37Fのカラーコード情報｜RGB, CMYK変換とおすすめ配色パレット

#BAC37F

ダークカーキ系

カラーコード変換

形式	値
HEX	#BAC37F
RGB	rgb(186, 195, 127)
RGBA	rgba(186, 195, 127, 1)
HSL	hsl(68, 36%, 63%)
HSV	hsv(68, 35%, 76%)
CMYK	cmyk(5%, 0%, 35%, 24%)

白背景

1.87:1不適合

黒背景

11.20:1AA適合

配色パレット提案

補色

色相環で180°反対に位置する色

#BAC37F#887FC3

類似色

色相環で隣接する色

#C3AA7F#C3BB7F#BAC37F#A9C37F#98C37F

トライアド

色相環で120°間隔の3色

#BAC37F#7FBAC3#C37FBA

テトラード

色相環で90°間隔の4色

#BAC37F#7FC3AA#887FC3#C37F98

モノクローム

同じ色相の明度バリエーション

#6A7236#9BA64E#BAC37F#D6DBB3#F2F4E7

スプリットコンプリメンタリー

補色の両隣の色

#BAC37F#7F98C3#AA7FC3

CSSグラデーションサンプル

ライト → ダーク

linear-gradient(135deg, #E8EBD5, #BAC37F, #7A843E)

補色グラデーション

linear-gradient(135deg, #BAC37F, #887FC3)

類似色グラデーション

linear-gradient(135deg, #C3AA7F, #BAC37F, #98C37F)

ラジアルグロー

radial-gradient(circle, #BAC37F, #7A843E)

サンセット風

linear-gradient(to right, #BAC37F, #98C37F, #887FC3)

オーバーレイ

linear-gradient(180deg, #BAC37FCC, #BAC37F33)

CSS使用例

背景色として使用

Hello, World!

background-color: #BAC37F;

テキスト色として使用

Color Text

color: #BAC37F;

ボーダー色として使用

ボーダー要素

border: 3px solid #BAC37F;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #BAC37F66;