#919AEE

#919AEE

コーンフラワーブルー系

カラーコード変換

形式
HEX#919AEE
RGBrgb(145, 154, 238)
RGBArgba(145, 154, 238, 1)
HSLhsl(234, 73%, 75%)
HSVhsv(234, 39%, 93%)
CMYKcmyk(39%, 35%, 0%, 7%)
Aa

白背景

2.61:1不適合

Aa

黒背景

8.06:1AA適合


配色パレット提案

補色

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

#919AEE#EEE491

類似色

色相環で隣接する色

#91C9EE#91B1EE#919AEE#9F91EE#B691EE

トライアド

色相環で120°間隔の3色

#919AEE#EE919A#9AEE91

テトラード

色相環で90°間隔の4色

#919AEE#EE91C9#EEE491#91EEB6

モノクローム

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

#1F30C7#4F5DE3#919AEE#D3D7F8#FFFFFF

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

補色の両隣の色

#919AEE#EEB691#C9EE91

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

ライト → ダーク

linear-gradient(135deg, #FFFFFF, #919AEE, #2235DD)

補色グラデーション

linear-gradient(135deg, #919AEE, #EEE491)

類似色グラデーション

linear-gradient(135deg, #91C9EE, #919AEE, #B691EE)

ラジアルグロー

radial-gradient(circle, #919AEE, #2235DD)

サンセット風

linear-gradient(to right, #919AEE, #B691EE, #EEE491)

オーバーレイ

linear-gradient(180deg, #919AEECC, #919AEE33)

CSS使用例

背景色として使用

Hello, World!
background-color: #919AEE;

テキスト色として使用

Color Text
color: #919AEE;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #919AEE66;

関連するカラー