#465762

#465762

ダークスレートグレー系

カラーコード変換

形式
HEX#465762
RGBrgb(70, 87, 98)
RGBArgba(70, 87, 98, 1)
HSLhsl(204, 17%, 33%)
HSVhsv(204, 29%, 38%)
CMYKcmyk(29%, 11%, 0%, 62%)
Aa

白背景

7.50:1AA適合

Aa

黒背景

2.80:1不適合


配色パレット提案

補色

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

#465762#625146

類似色

色相環で隣接する色

#466260#465E62#465762#465062#464962

トライアド

色相環で120°間隔の3色

#465762#624657#576246

テトラード

色相環で90°間隔の4色

#465762#604662#625146#496246

モノクローム

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

#060809#262F36#465762#667F8F#91A4B1

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

補色の両隣の色

#465762#624649#626046

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

ライト → ダーク

linear-gradient(135deg, #8298A6, #465762, #111518)

補色グラデーション

linear-gradient(135deg, #465762, #625146)

類似色グラデーション

linear-gradient(135deg, #466260, #465762, #464962)

ラジアルグロー

radial-gradient(circle, #465762, #111518)

サンセット風

linear-gradient(to right, #465762, #464962, #625146)

オーバーレイ

linear-gradient(180deg, #465762CC, #46576233)

CSS使用例

背景色として使用

Hello, World!
background-color: #465762;

テキスト色として使用

Color Text
color: #465762;

ボーダー色として使用

ボーダー要素
border: 3px solid #465762;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #46576266;

関連するカラー