#D57683

#D57683

ライトコーラル系

カラーコード変換

形式
HEX#D57683
RGBrgb(213, 118, 131)
RGBArgba(213, 118, 131, 1)
HSLhsl(352, 53%, 65%)
HSVhsv(352, 45%, 84%)
CMYKcmyk(0%, 45%, 38%, 16%)
Aa

白背景

3.11:1AA Large

Aa

黒背景

6.75:1AA適合


配色パレット提案

補色

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

#D57683#76D5C8

類似色

色相環で隣接する色

#D576B2#D5769B#D57683#D58176#D59976

トライアド

色相環で120°間隔の3色

#D57683#83D576#7683D5

テトラード

色相環で90°間隔の4色

#D57683#B2D576#76D5C8#9976D5

モノクローム

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

#892A37#C33C4E#D57683#E7B1B8#F9EBED

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

補色の両隣の色

#D57683#76D599#76B2D5

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

ライト → ダーク

linear-gradient(135deg, #F3D8DC, #D57683, #9C303E)

補色グラデーション

linear-gradient(135deg, #D57683, #76D5C8)

類似色グラデーション

linear-gradient(135deg, #D576B2, #D57683, #D59976)

ラジアルグロー

radial-gradient(circle, #D57683, #9C303E)

サンセット風

linear-gradient(to right, #D57683, #D59976, #76D5C8)

オーバーレイ

linear-gradient(180deg, #D57683CC, #D5768333)

CSS使用例

背景色として使用

Hello, World!
background-color: #D57683;

テキスト色として使用

Color Text
color: #D57683;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー