#1105BD

#1105BD

ネイビー系

カラーコード変換

形式
HEX#1105BD
RGBrgb(17, 5, 189)
RGBArgba(17, 5, 189, 1)
HSLhsl(244, 95%, 38%)
HSVhsv(244, 97%, 74%)
CMYKcmyk(91%, 97%, 0%, 26%)
Aa

白背景

11.80:1AA適合

Aa

黒背景

1.78:1不適合


配色パレット提案

補色

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

#1105BD#B1BD05

類似色

色相環で隣接する色

#0555BD#0527BD#1105BD#3F05BD#6D05BD

トライアド

色相環で120°間隔の3色

#1105BD#BD1105#05BD11

テトラード

色相環で90°間隔の4色

#1105BD#BD0555#B1BD05#05BD6D

モノクローム

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

#040128#0A0372#1105BD#2415F9#6A60FB

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

補色の両隣の色

#1105BD#BD6D05#55BD05

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

ライト → ダーク

linear-gradient(135deg, #5347FA, #1105BD, #060241)

補色グラデーション

linear-gradient(135deg, #1105BD, #B1BD05)

類似色グラデーション

linear-gradient(135deg, #0555BD, #1105BD, #6D05BD)

ラジアルグロー

radial-gradient(circle, #1105BD, #060241)

サンセット風

linear-gradient(to right, #1105BD, #6D05BD, #B1BD05)

オーバーレイ

linear-gradient(180deg, #1105BDCC, #1105BD33)

CSS使用例

背景色として使用

Hello, World!
background-color: #1105BD;

テキスト色として使用

Color Text
color: #1105BD;

ボーダー色として使用

ボーダー要素
border: 3px solid #1105BD;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #1105BD66;

関連するカラー