#145747のRGB値は？

#145747（ダークスレートグレー系）のRGB値は、赤(R)=20、緑(G)=87、青(B)=71です。

#145747の補色は？

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

#145747はどんな色？

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

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

#145747

ダークスレートグレー系

カラーコード変換

形式	値
HEX	#145747
RGB	rgb(20, 87, 71)
RGBA	rgba(20, 87, 71, 1)
HSL	hsl(166, 63%, 21%)
HSV	hsv(166, 77%, 34%)
CMYK	cmyk(77%, 0%, 18%, 66%)

白背景

8.45:1AA適合

黒背景

2.48:1不適合

配色パレット提案

補色

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

#145747#571424

類似色

色相環で隣接する色

#145726#145737#145747#145657#144557

トライアド

色相環で120°間隔の3色

#145747#481457#574814

テトラード

色相環で90°間隔の4色

#145747#261457#571424#455714

モノクローム

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

#000000#061914#145747#22967B#33D1AC

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

補色の両隣の色

#145747#571445#572614

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

ライト → ダーク

linear-gradient(135deg, #2BBF9D, #145747, #000000)

補色グラデーション

linear-gradient(135deg, #145747, #571424)

類似色グラデーション

linear-gradient(135deg, #145726, #145747, #144557)

ラジアルグロー

radial-gradient(circle, #145747, #000000)

サンセット風

linear-gradient(to right, #145747, #144557, #571424)

オーバーレイ

linear-gradient(180deg, #145747CC, #14574733)

CSS使用例

背景色として使用

Hello, World!

background-color: #145747;

テキスト色として使用

Color Text

color: #145747;

ボーダー色として使用

ボーダー要素

border: 3px solid #145747;

シャドウとして使用

Shadow

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