#045346のRGB値は？

#045346（ダークスレートグレー系）のRGB値は、赤(R)=4、緑(G)=83、青(B)=70です。

#045346の補色は？

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

#045346はどんな色？

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

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

#045346

ダークスレートグレー系

カラーコード変換

形式	値
HEX	#045346
RGB	rgb(4, 83, 70)
RGBA	rgba(4, 83, 70, 1)
HSL	hsl(170, 91%, 17%)
HSV	hsv(170, 95%, 33%)
CMYK	cmyk(95%, 0%, 16%, 67%)

白背景

9.01:1AA適合

黒背景

2.33:1不適合

配色パレット提案

補色

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

#045346#530411

類似色

色相環で隣接する色

#04531E#045332#045346#044C53#043853

トライアド

色相環で120°間隔の3色

#045346#460453#534604

テトラード

色相環で90°間隔の4色

#045346#1E0453#530411#385304

モノクローム

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

#000000#000A08#045346#079C83#0BE5C1

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

補色の両隣の色

#045346#530438#531E04

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

ライト → ダーク

linear-gradient(135deg, #0ACDAC, #045346, #000000)

補色グラデーション

linear-gradient(135deg, #045346, #530411)

類似色グラデーション

linear-gradient(135deg, #04531E, #045346, #043853)

ラジアルグロー

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

サンセット風

linear-gradient(to right, #045346, #043853, #530411)

オーバーレイ

linear-gradient(180deg, #045346CC, #04534633)

CSS使用例

背景色として使用

Hello, World!

background-color: #045346;

テキスト色として使用

Color Text

color: #045346;

ボーダー色として使用

ボーダー要素

border: 3px solid #045346;

シャドウとして使用

Shadow

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