#294D75

#294D75

ダークスレートグレー系

カラーコード変換

形式
HEX#294D75
RGBrgb(41, 77, 117)
RGBArgba(41, 77, 117, 1)
HSLhsl(212, 48%, 31%)
HSVhsv(212, 65%, 46%)
CMYKcmyk(65%, 34%, 0%, 54%)
Aa

白背景

8.70:1AA適合

Aa

黒背景

2.41:1不適合


配色パレット提案

補色

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

#294D75#755229

類似色

色相環で隣接する色

#297275#295F75#294D75#293A75#2C2975

トライアド

色相環で120°間隔の3色

#294D75#75294D#4D7529

テトラード

色相環で90°間隔の4色

#294D75#752972#755229#29752C

モノクローム

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

#010204#15273C#294D75#3D72AE#6C98CB

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

補色の両隣の色

#294D75#752C29#727529

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

ライト → ダーク

linear-gradient(135deg, #598BC5, #294D75, #080F17)

補色グラデーション

linear-gradient(135deg, #294D75, #755229)

類似色グラデーション

linear-gradient(135deg, #297275, #294D75, #2C2975)

ラジアルグロー

radial-gradient(circle, #294D75, #080F17)

サンセット風

linear-gradient(to right, #294D75, #2C2975, #755229)

オーバーレイ

linear-gradient(180deg, #294D75CC, #294D7533)

CSS使用例

背景色として使用

Hello, World!
background-color: #294D75;

テキスト色として使用

Color Text
color: #294D75;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #294D7566;

関連するカラー