#66231EのRGB値は？

#66231E（ダークパープル系）のRGB値は、赤(R)=102、緑(G)=35、青(B)=30です。

#66231Eの補色は？

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

#66231Eはどんな色？

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

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

#66231E

ダークパープル系

カラーコード変換

形式	値
HEX	#66231E
RGB	rgb(102, 35, 30)
RGBA	rgba(102, 35, 30, 1)
HSL	hsl(4, 55%, 26%)
HSV	hsv(4, 71%, 40%)
CMYK	cmyk(0%, 66%, 71%, 60%)

白背景

11.51:1AA適合

黒背景

1.82:1不適合

配色パレット提案

補色

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

#66231E#1E6267

類似色

色相環で隣接する色

#671E3D#671E2B#66231E#67351E#67471E

トライアド

色相環で120°間隔の3色

#66231E#1E6723#231E67

テトラード

色相環で90°間隔の4色

#66231E#3D671E#1E6267#471E67

モノクローム

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

#000000#2B0F0D#66231E#A2372F#CD5951

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

補色の両隣の色

#66231E#1E6747#1E3D67

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

ライト → ダーク

linear-gradient(135deg, #C7463D, #66231E, #040101)

補色グラデーション

linear-gradient(135deg, #66231E, #1E6267)

類似色グラデーション

linear-gradient(135deg, #671E3D, #66231E, #67471E)

ラジアルグロー

radial-gradient(circle, #66231E, #040101)

サンセット風

linear-gradient(to right, #66231E, #67471E, #1E6267)

オーバーレイ

linear-gradient(180deg, #66231ECC, #66231E33)

CSS使用例

背景色として使用

Hello, World!

background-color: #66231E;

テキスト色として使用

Color Text

color: #66231E;

ボーダー色として使用

ボーダー要素

border: 3px solid #66231E;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #66231E66;