#726FC3

#726FC3

スレートブルー系

カラーコード変換

形式
HEX#726FC3
RGBrgb(114, 111, 195)
RGBArgba(114, 111, 195, 1)
HSLhsl(242, 41%, 60%)
HSVhsv(242, 43%, 76%)
CMYKcmyk(42%, 43%, 0%, 24%)
Aa

白背景

4.40:1AA Large

Aa

黒背景

4.78:1AA適合


配色パレット提案

補色

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

#726FC3#C0C36F

類似色

色相環で隣接する色

#6F96C3#6F81C3#726FC3#876FC3#9C6FC3

トライアド

色相環で120°間隔の3色

#726FC3#C3726F#6FC372

テトラード

色相環で90°間隔の4色

#726FC3#C36F96#C0C36F#6FC39C

モノクローム

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

#2F2D6C#4744A2#726FC3#A7A5D9#DCDBF0

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

補色の両隣の色

#726FC3#C39C6F#96C36F

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

ライト → ダーク

linear-gradient(135deg, #CAC9E8, #726FC3, #37357E)

補色グラデーション

linear-gradient(135deg, #726FC3, #C0C36F)

類似色グラデーション

linear-gradient(135deg, #6F96C3, #726FC3, #9C6FC3)

ラジアルグロー

radial-gradient(circle, #726FC3, #37357E)

サンセット風

linear-gradient(to right, #726FC3, #9C6FC3, #C0C36F)

オーバーレイ

linear-gradient(180deg, #726FC3CC, #726FC333)

CSS使用例

背景色として使用

Hello, World!
background-color: #726FC3;

テキスト色として使用

Color Text
color: #726FC3;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #726FC366;

関連するカラー