#CD1D4C

#CD1D4C

クリムゾン系

カラーコード変換

形式
HEX#CD1D4C
RGBrgb(205, 29, 76)
RGBArgba(205, 29, 76, 1)
HSLhsl(344, 75%, 46%)
HSVhsv(344, 86%, 80%)
CMYKcmyk(0%, 86%, 63%, 20%)
Aa

白背景

5.42:1AA適合

Aa

黒背景

3.88:1AA Large


配色パレット提案

補色

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

#CD1D4C#1DCD9E

類似色

色相環で隣接する色

#CD1DA4#CD1D78#CD1D4C#CD1D20#CD461D

トライアド

色相環で120°間隔の3色

#CD1D4C#4CCD1D#1D4CCD

テトラード

色相環で90°間隔の4色

#CD1D4C#A4CD1D#1DCD9E#461DCD

モノクローム

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

#470A1B#8A1433#CD1D4C#E65179#F094AC

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

補色の両隣の色

#CD1D4C#1DCD46#1DA4CD

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

ライト → ダーク

linear-gradient(135deg, #ED7E9B, #CD1D4C, #5E0D23)

補色グラデーション

linear-gradient(135deg, #CD1D4C, #1DCD9E)

類似色グラデーション

linear-gradient(135deg, #CD1DA4, #CD1D4C, #CD461D)

ラジアルグロー

radial-gradient(circle, #CD1D4C, #5E0D23)

サンセット風

linear-gradient(to right, #CD1D4C, #CD461D, #1DCD9E)

オーバーレイ

linear-gradient(180deg, #CD1D4CCC, #CD1D4C33)

CSS使用例

背景色として使用

Hello, World!
background-color: #CD1D4C;

テキスト色として使用

Color Text
color: #CD1D4C;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー