#443545

#443545

ダークスレートグレー系

カラーコード変換

形式
HEX#443545
RGBrgb(68, 53, 69)
RGBArgba(68, 53, 69, 1)
HSLhsl(296, 13%, 24%)
HSVhsv(296, 23%, 27%)
CMYKcmyk(1%, 23%, 0%, 73%)
Aa

白背景

11.41:1AA適合

Aa

黒背景

1.84:1不適合


配色パレット提案

補色

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

#443545#364535

類似色

色相環で隣接する色

#3C3545#403545#443545#453542#45353E

トライアド

色相環で120°間隔の3色

#443545#454435#354544

テトラード

色相環で90°間隔の4色

#443545#453C35#364535#353E45

モノクローム

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

#000000#1A141A#443545#6F5770#977A99

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

補色の両隣の色

#443545#3E4535#35453C

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

ライト → ダーク

linear-gradient(135deg, #8B6D8D, #443545, #000000)

補色グラデーション

linear-gradient(135deg, #443545, #364535)

類似色グラデーション

linear-gradient(135deg, #3C3545, #443545, #45353E)

ラジアルグロー

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

サンセット風

linear-gradient(to right, #443545, #45353E, #364535)

オーバーレイ

linear-gradient(180deg, #443545CC, #44354533)

CSS使用例

背景色として使用

Hello, World!
background-color: #443545;

テキスト色として使用

Color Text
color: #443545;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー