#CD375D

#CD375D

インディアンレッド系

カラーコード変換

形式
HEX#CD375D
RGBrgb(205, 55, 93)
RGBArgba(205, 55, 93, 1)
HSLhsl(345, 60%, 51%)
HSVhsv(345, 73%, 80%)
CMYKcmyk(0%, 73%, 55%, 20%)
Aa

白背景

4.88:1AA適合

Aa

黒背景

4.30:1AA Large


配色パレット提案

補色

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

#CD375D#37CDA8

類似色

色相環で隣接する色

#CD37A8#CD3782#CD375D#CD3737#CD5D37

トライアド

色相環で120°間隔の3色

#CD375D#5DCD37#375DCD

テトラード

色相環で90°間隔の4色

#CD375D#A8CD37#37CDA8#5D37CD

モノクローム

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

#561525#932540#CD375D#DC748E#ECB1C0

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

補色の両隣の色

#CD375D#37CD5D#37A8CD

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

ライト → ダーク

linear-gradient(135deg, #E79DAF, #CD375D, #6A1B2E)

補色グラデーション

linear-gradient(135deg, #CD375D, #37CDA8)

類似色グラデーション

linear-gradient(135deg, #CD37A8, #CD375D, #CD5D37)

ラジアルグロー

radial-gradient(circle, #CD375D, #6A1B2E)

サンセット風

linear-gradient(to right, #CD375D, #CD5D37, #37CDA8)

オーバーレイ

linear-gradient(180deg, #CD375DCC, #CD375D33)

CSS使用例

背景色として使用

Hello, World!
background-color: #CD375D;

テキスト色として使用

Color Text
color: #CD375D;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー