#3FA66AのRGB値は？

#3FA66A（ミディアムシーグリーン系）のRGB値は、赤(R)=63、緑(G)=166、青(B)=106です。

#3FA66Aの補色は？

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

#3FA66Aはどんな色？

#3FA66Aはミディアムシーグリーン系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

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

#3FA66A

ミディアムシーグリーン系

カラーコード変換

形式	値
HEX	#3FA66A
RGB	rgb(63, 166, 106)
RGBA	rgba(63, 166, 106, 1)
HSL	hsl(145, 45%, 45%)
HSV	hsv(145, 62%, 65%)
CMYK	cmyk(62%, 0%, 36%, 35%)

白背景

3.06:1AA Large

黒背景

6.87:1AA適合

配色パレット提案

補色

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

#3FA66A#A63F7B

類似色

色相環で隣接する色

#48A63F#3FA650#3FA66A#3FA684#3FA69E

トライアド

色相環で120°間隔の3色

#3FA66A#6A3FA6#A66A3F

テトラード

色相環で90°間隔の4色

#3FA66A#3F48A6#A63F7B#A69E3F

モノクローム

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

#153723#2A6F47#3FA66A#6BC791#A3DCBA

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

補色の両隣の色

#3FA66A#9E3FA6#A63F48

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

ライト → ダーク

linear-gradient(135deg, #90D5AD, #3FA66A, #1C4A2F)

補色グラデーション

linear-gradient(135deg, #3FA66A, #A63F7B)

類似色グラデーション

linear-gradient(135deg, #48A63F, #3FA66A, #3FA69E)

ラジアルグロー

radial-gradient(circle, #3FA66A, #1C4A2F)

サンセット風

linear-gradient(to right, #3FA66A, #3FA69E, #A63F7B)

オーバーレイ

linear-gradient(180deg, #3FA66ACC, #3FA66A33)

CSS使用例

背景色として使用

Hello, World!

background-color: #3FA66A;

テキスト色として使用

Color Text

color: #3FA66A;

ボーダー色として使用

ボーダー要素

border: 3px solid #3FA66A;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #3FA66A66;