#888EF1

#888EF1

コーンフラワーブルー系

カラーコード変換

形式
HEX#888EF1
RGBrgb(136, 142, 241)
RGBArgba(136, 142, 241, 1)
HSLhsl(237, 79%, 74%)
HSVhsv(237, 44%, 95%)
CMYKcmyk(44%, 41%, 0%, 5%)
Aa

白背景

2.92:1不適合

Aa

黒背景

7.19:1AA適合


配色パレット提案

補色

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

#888EF1#F1EC88

類似色

色相環で隣接する色

#88C2F1#88A8F1#888EF1#9D88F1#B788F1

トライアド

色相環で120°間隔の3色

#888EF1#F1888E#8EF188

テトラード

色相環で90°間隔の4色

#888EF1#F188C2#F1EC88#88F1B7

モノクローム

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

#1820C9#444CE9#888EF1#CDCFF9#FFFFFF

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

補色の両隣の色

#888EF1#F1B788#C2F188

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

ライト → ダーク

linear-gradient(135deg, #FAFBFE, #888EF1, #1A24E0)

補色グラデーション

linear-gradient(135deg, #888EF1, #F1EC88)

類似色グラデーション

linear-gradient(135deg, #88C2F1, #888EF1, #B788F1)

ラジアルグロー

radial-gradient(circle, #888EF1, #1A24E0)

サンセット風

linear-gradient(to right, #888EF1, #B788F1, #F1EC88)

オーバーレイ

linear-gradient(180deg, #888EF1CC, #888EF133)

CSS使用例

背景色として使用

Hello, World!
background-color: #888EF1;

テキスト色として使用

Color Text
color: #888EF1;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #888EF166;

関連するカラー