#717AB7

#717AB7

ライトスレートグレー系

カラーコード変換

形式
HEX#717AB7
RGBrgb(113, 122, 183)
RGBArgba(113, 122, 183, 1)
HSLhsl(232, 33%, 58%)
HSVhsv(232, 38%, 72%)
CMYKcmyk(38%, 33%, 0%, 28%)
Aa

白背景

4.06:1AA Large

Aa

黒背景

5.17:1AA適合


配色パレット提案

補色

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

#717AB7#B7AE71

類似色

色相環で隣接する色

#719DB7#718CB7#717AB7#7971B7#8A71B7

トライアド

色相環で120°間隔の3色

#717AB7#B7717A#7AB771

テトラード

色相環で90°間隔の4色

#717AB7#B7719D#B7AE71#71B78A

モノクローム

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

#30365F#495392#717AB7#A3A9D1#D6D9EA

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

補色の両隣の色

#717AB7#B78A71#9DB771

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

ライト → ダーク

linear-gradient(135deg, #C5C9E2, #717AB7, #384070)

補色グラデーション

linear-gradient(135deg, #717AB7, #B7AE71)

類似色グラデーション

linear-gradient(135deg, #719DB7, #717AB7, #8A71B7)

ラジアルグロー

radial-gradient(circle, #717AB7, #384070)

サンセット風

linear-gradient(to right, #717AB7, #8A71B7, #B7AE71)

オーバーレイ

linear-gradient(180deg, #717AB7CC, #717AB733)

CSS使用例

背景色として使用

Hello, World!
background-color: #717AB7;

テキスト色として使用

Color Text
color: #717AB7;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #717AB766;

関連するカラー