#DD78D7

#DD78D7

オーキッド系

カラーコード変換

形式
HEX#DD78D7
RGBrgb(221, 120, 215)
RGBArgba(221, 120, 215, 1)
HSLhsl(304, 60%, 67%)
HSVhsv(304, 46%, 87%)
CMYKcmyk(0%, 46%, 3%, 13%)
Aa

白背景

2.71:1不適合

Aa

黒背景

7.74:1AA適合


配色パレット提案

補色

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

#DD78D7#78DD7F

類似色

色相環で隣接する色

#B278DD#CB78DD#DD78D7#DD78BD#DD78A4

トライアド

色相環で120°間隔の3色

#DD78D7#D7DD78#78D7DD

テトラード

色相環で90°間隔の4色

#DD78D7#DDB278#78DD7F#78A4DD

モノクローム

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

#97268F#CE3BC4#DD78D7#EDB6E9#FCF3FB

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

補色の両隣の色

#DD78D7#A4DD78#78DDB2

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

ライト → ダーク

linear-gradient(135deg, #F7DEF5, #DD78D7, #AB2BA3)

補色グラデーション

linear-gradient(135deg, #DD78D7, #78DD7F)

類似色グラデーション

linear-gradient(135deg, #B278DD, #DD78D7, #DD78A4)

ラジアルグロー

radial-gradient(circle, #DD78D7, #AB2BA3)

サンセット風

linear-gradient(to right, #DD78D7, #DD78A4, #78DD7F)

オーバーレイ

linear-gradient(180deg, #DD78D7CC, #DD78D733)

CSS使用例

背景色として使用

Hello, World!
background-color: #DD78D7;

テキスト色として使用

Color Text
color: #DD78D7;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー