#336B0BのRGB値は？

#336B0B（フォレストグリーン系）のRGB値は、赤(R)=51、緑(G)=107、青(B)=11です。

#336B0Bの補色は？

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

#336B0Bはどんな色？

#336B0Bはフォレストグリーン系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

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

#336B0B

フォレストグリーン系

カラーコード変換

形式	値
HEX	#336B0B
RGB	rgb(51, 107, 11)
RGBA	rgba(51, 107, 11, 1)
HSL	hsl(95, 81%, 23%)
HSV	hsv(95, 90%, 42%)
CMYK	cmyk(52%, 0%, 90%, 58%)

白背景

6.46:1AA適合

黒背景

3.25:1AA Large

配色パレット提案

補色

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

#336B0B#430B6A

類似色

色相環で隣接する色

#626A0B#4A6A0B#336B0B#1B6A0B#0B6A13

トライアド

色相環で120°間隔の3色

#336B0B#0B336A#6A0B33

テトラード

色相環で90°間隔の4色

#336B0B#0B626A#430B6A#6A130B

モノクローム

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

#000000#122504#336B0B#54AF12#77E826

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

補色の両隣の色

#336B0B#130B6A#6A0B62

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

ライト → ダーク

linear-gradient(135deg, #6ADE17, #336B0B, #000000)

補色グラデーション

linear-gradient(135deg, #336B0B, #430B6A)

類似色グラデーション

linear-gradient(135deg, #626A0B, #336B0B, #0B6A13)

ラジアルグロー

radial-gradient(circle, #336B0B, #000000)

サンセット風

linear-gradient(to right, #336B0B, #0B6A13, #430B6A)

オーバーレイ

linear-gradient(180deg, #336B0BCC, #336B0B33)

CSS使用例

背景色として使用

Hello, World!

background-color: #336B0B;

テキスト色として使用

Color Text

color: #336B0B;

ボーダー色として使用

ボーダー要素

border: 3px solid #336B0B;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #336B0B66;