#707FF5

#707FF5

コーンフラワーブルー系

カラーコード変換

形式
HEX#707FF5
RGBrgb(112, 127, 245)
RGBArgba(112, 127, 245, 1)
HSLhsl(233, 87%, 70%)
HSVhsv(233, 54%, 96%)
CMYKcmyk(54%, 48%, 0%, 4%)
Aa

白背景

3.47:1AA Large

Aa

黒背景

6.04:1AA適合


配色パレット提案

補色

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

#707FF5#F5E670

類似色

色相環で隣接する色

#70C2F5#70A1F5#707FF5#8270F5#A370F5

トライアド

色相環で120°間隔の3色

#707FF5#F5707F#7FF570

テトラード

色相環で90°間隔の4色

#707FF5#F570C2#F5E670#70F5A3

モノクローム

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

#0D22BF#2840F0#707FF5#B7BFFA#FFFFFF

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

補色の両隣の色

#707FF5#F5A370#C2F570

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

ライト → ダーク

linear-gradient(135deg, #E7EAFD, #707FF5, #0F26D7)

補色グラデーション

linear-gradient(135deg, #707FF5, #F5E670)

類似色グラデーション

linear-gradient(135deg, #70C2F5, #707FF5, #A370F5)

ラジアルグロー

radial-gradient(circle, #707FF5, #0F26D7)

サンセット風

linear-gradient(to right, #707FF5, #A370F5, #F5E670)

オーバーレイ

linear-gradient(180deg, #707FF5CC, #707FF533)

CSS使用例

背景色として使用

Hello, World!
background-color: #707FF5;

テキスト色として使用

Color Text
color: #707FF5;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #707FF566;

関連するカラー