#1F10EA

#1F10EA

ブルー系

カラーコード変換

形式
HEX#1F10EA
RGBrgb(31, 16, 234)
RGBArgba(31, 16, 234, 1)
HSLhsl(244, 87%, 49%)
HSVhsv(244, 93%, 92%)
CMYKcmyk(87%, 93%, 0%, 8%)
Aa

白背景

9.05:1AA適合

Aa

黒背景

2.32:1不適合


配色パレット提案

補色

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

#1F10EA#DBEA10

類似色

色相環で隣接する色

#106EEA#1038EA#1F10EA#5510EA#8B10EA

トライアド

色相環で120°間隔の3色

#1F10EA#EA1F10#10EA1F

テトラード

色相環で90°間隔の4色

#1F10EA#EA106E#DBEA10#10EA8B

モノクローム

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

#0C065B#150BA2#1F10EA#5E53F3#A19BF8

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

補色の両隣の色

#1F10EA#EA8B10#6EEA10

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

ライト → ダーク

linear-gradient(135deg, #8B83F6, #1F10EA, #0F0872)

補色グラデーション

linear-gradient(135deg, #1F10EA, #DBEA10)

類似色グラデーション

linear-gradient(135deg, #106EEA, #1F10EA, #8B10EA)

ラジアルグロー

radial-gradient(circle, #1F10EA, #0F0872)

サンセット風

linear-gradient(to right, #1F10EA, #8B10EA, #DBEA10)

オーバーレイ

linear-gradient(180deg, #1F10EACC, #1F10EA33)

CSS使用例

背景色として使用

Hello, World!
background-color: #1F10EA;

テキスト色として使用

Color Text
color: #1F10EA;

ボーダー色として使用

ボーダー要素
border: 3px solid #1F10EA;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #1F10EA66;

関連するカラー