#E87169

#E87169

サーモン系

カラーコード変換

形式
HEX#E87169
RGBrgb(232, 113, 105)
RGBArgba(232, 113, 105, 1)
HSLhsl(4, 73%, 66%)
HSVhsv(4, 55%, 91%)
CMYKcmyk(0%, 51%, 55%, 9%)
Aa

白背景

3.00:1AA Large

Aa

黒背景

7.00:1AA適合


配色パレット提案

補色

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

#E87169#69DFE8

類似色

色相環で隣接する色

#E869A0#E86980#E87169#E89169#E8B169

トライアド

色相環で120°間隔の3色

#E87169#69E871#7169E8

テトラード

色相環で90°間隔の4色

#E87169#A0E869#69DFE8#B169E8

モノクローム

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

#9F2219#DD3327#E87169#F2B0AB#FCEEED

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

補色の両隣の色

#E87169#69E8B1#69A0E8

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

ライト → ダーク

linear-gradient(135deg, #F9DAD7, #E87169, #B5261C)

補色グラデーション

linear-gradient(135deg, #E87169, #69DFE8)

類似色グラデーション

linear-gradient(135deg, #E869A0, #E87169, #E8B169)

ラジアルグロー

radial-gradient(circle, #E87169, #B5261C)

サンセット風

linear-gradient(to right, #E87169, #E8B169, #69DFE8)

オーバーレイ

linear-gradient(180deg, #E87169CC, #E8716933)

CSS使用例

背景色として使用

Hello, World!
background-color: #E87169;

テキスト色として使用

Color Text
color: #E87169;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー