#D53043

#D53043

クリムゾン系

カラーコード変換

形式
HEX#D53043
RGBrgb(213, 48, 67)
RGBArgba(213, 48, 67, 1)
HSLhsl(353, 66%, 51%)
HSVhsv(353, 77%, 84%)
CMYKcmyk(0%, 77%, 69%, 16%)
Aa

白背景

4.85:1AA適合

Aa

黒背景

4.33:1AA Large


配色パレット提案

補色

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

#D53043#30D5C1

類似色

色相環で隣接する色

#D53095#D5306C#D53043#D54630#D56F30

トライアド

色相環で120°間隔の3色

#D53043#43D530#3043D5

テトラード

色相環で90°間隔の4色

#D53043#95D530#30D5C1#6F30D5

モノクローム

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

#59121A#981F2D#D53043#E26F7C#EFAFB6

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

補色の両隣の色

#D53043#30D56F#3095D5

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

ライト → ダーク

linear-gradient(135deg, #EA99A3, #D53043, #6E1721)

補色グラデーション

linear-gradient(135deg, #D53043, #30D5C1)

類似色グラデーション

linear-gradient(135deg, #D53095, #D53043, #D56F30)

ラジアルグロー

radial-gradient(circle, #D53043, #6E1721)

サンセット風

linear-gradient(to right, #D53043, #D56F30, #30D5C1)

オーバーレイ

linear-gradient(180deg, #D53043CC, #D5304333)

CSS使用例

背景色として使用

Hello, World!
background-color: #D53043;

テキスト色として使用

Color Text
color: #D53043;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー