#1B3AC0

#1B3AC0

ロイヤルブルー系

カラーコード変換

形式
HEX#1B3AC0
RGBrgb(27, 58, 192)
RGBArgba(27, 58, 192, 1)
HSLhsl(229, 75%, 43%)
HSVhsv(229, 86%, 75%)
CMYKcmyk(86%, 70%, 0%, 25%)
Aa

白背景

8.70:1AA適合

Aa

黒背景

2.41:1不適合


配色パレット提案

補色

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

#1B3AC0#C0A21B

類似色

色相環で隣接する色

#1B8CC0#1B63C0#1B3AC0#261BC0#4F1BC0

トライアド

色相環で120°間隔の3色

#1B3AC0#C01B3A#3AC01B

テトラード

色相環で90°間隔の4色

#1B3AC0#C01B8C#C0A21B#1BC04F

モノクローム

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

#08113A#12257D#1B3AC0#4461E4#8799EE

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

補色の両隣の色

#1B3AC0#C04F1B#8CC01B

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

ライト → ダーク

linear-gradient(135deg, #7087EB, #1B3AC0, #0B1850)

補色グラデーション

linear-gradient(135deg, #1B3AC0, #C0A21B)

類似色グラデーション

linear-gradient(135deg, #1B8CC0, #1B3AC0, #4F1BC0)

ラジアルグロー

radial-gradient(circle, #1B3AC0, #0B1850)

サンセット風

linear-gradient(to right, #1B3AC0, #4F1BC0, #C0A21B)

オーバーレイ

linear-gradient(180deg, #1B3AC0CC, #1B3AC033)

CSS使用例

背景色として使用

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

テキスト色として使用

Color Text
color: #1B3AC0;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー