#375972

#375972

ダークスレートグレー系

カラーコード変換

形式
HEX#375972
RGBrgb(55, 89, 114)
RGBArgba(55, 89, 114, 1)
HSLhsl(205, 35%, 33%)
HSVhsv(205, 52%, 45%)
CMYKcmyk(52%, 22%, 0%, 55%)
Aa

白背景

7.41:1AA適合

Aa

黒背景

2.83:1不適合


配色パレット提案

補色

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

#375972#724F37

類似色

色相環で隣接する色

#37726D#376872#375972#374A72#373C72

トライアド

色相環で120°間隔の3色

#375972#723759#597237

テトラード

色相環で90°間隔の4色

#375972#6D3772#724F37#3C7237

モノクローム

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

#05080A#1E313E#375972#5082A5#80A6C2

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

補色の両隣の色

#375972#72373C#726D37

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

ライト → ダーク

linear-gradient(135deg, #6E9AB9, #375972, #0D161C)

補色グラデーション

linear-gradient(135deg, #375972, #724F37)

類似色グラデーション

linear-gradient(135deg, #37726D, #375972, #373C72)

ラジアルグロー

radial-gradient(circle, #375972, #0D161C)

サンセット風

linear-gradient(to right, #375972, #373C72, #724F37)

オーバーレイ

linear-gradient(180deg, #375972CC, #37597233)

CSS使用例

背景色として使用

Hello, World!
background-color: #375972;

テキスト色として使用

Color Text
color: #375972;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー