#E78D74

#E78D74

ダークサーモン系

カラーコード変換

形式
HEX#E78D74
RGBrgb(231, 141, 116)
RGBArgba(231, 141, 116, 1)
HSLhsl(13, 71%, 68%)
HSVhsv(13, 50%, 91%)
CMYKcmyk(0%, 39%, 50%, 9%)
Aa

白背景

2.48:1不適合

Aa

黒背景

8.46:1AA適合


配色パレット提案

補色

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

#E78D74#73CEE7

類似色

色相環で隣接する色

#E77394#E77377#E78D74#E7AA73#E7C773

トライアド

色相環で120°間隔の3色

#E78D74#73E78D#8D73E7

テトラード

色相環で90°間隔の4色

#E78D74#94E773#73CEE7#C773E7

モノクローム

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

#A63A1C#DC5732#E78D74#F2C2B5#FEF8F6

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

補色の両隣の色

#E78D74#73E7C7#7394E7

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

ライト → ダーク

linear-gradient(135deg, #FAE6E0, #E78D74, #BC4220)

補色グラデーション

linear-gradient(135deg, #E78D74, #73CEE7)

類似色グラデーション

linear-gradient(135deg, #E77394, #E78D74, #E7C773)

ラジアルグロー

radial-gradient(circle, #E78D74, #BC4220)

サンセット風

linear-gradient(to right, #E78D74, #E7C773, #73CEE7)

オーバーレイ

linear-gradient(180deg, #E78D74CC, #E78D7433)

CSS使用例

背景色として使用

Hello, World!
background-color: #E78D74;

テキスト色として使用

Color Text
color: #E78D74;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー