#CF4A53

#CF4A53

インディアンレッド系

カラーコード変換

形式
HEX#CF4A53
RGBrgb(207, 74, 83)
RGBArgba(207, 74, 83, 1)
HSLhsl(356, 58%, 55%)
HSVhsv(356, 64%, 81%)
CMYKcmyk(0%, 64%, 60%, 19%)
Aa

白背景

4.41:1AA Large

Aa

黒背景

4.76:1AA適合


配色パレット提案

補色

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

#CF4A53#4ACFC6

類似色

色相環で隣接する色

#CF4A95#CF4A74#CF4A53#CF624A#CF834A

トライアド

色相環で120°間隔の3色

#CF4A53#53CF4A#4A53CF

テトラード

色相環で90°間隔の4色

#CF4A53#95CF4A#4ACFC6#834ACF

モノクローム

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

#651B20#A12B33#CF4A53#DF868C#EFC3C6

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

補色の両隣の色

#CF4A53#4ACF83#4A95CF

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

ライト → ダーク

linear-gradient(135deg, #EAAEB2, #CF4A53, #792026)

補色グラデーション

linear-gradient(135deg, #CF4A53, #4ACFC6)

類似色グラデーション

linear-gradient(135deg, #CF4A95, #CF4A53, #CF834A)

ラジアルグロー

radial-gradient(circle, #CF4A53, #792026)

サンセット風

linear-gradient(to right, #CF4A53, #CF834A, #4ACFC6)

オーバーレイ

linear-gradient(180deg, #CF4A53CC, #CF4A5333)

CSS使用例

背景色として使用

Hello, World!
background-color: #CF4A53;

テキスト色として使用

Color Text
color: #CF4A53;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー