#273BF1

#273BF1

ロイヤルブルー系

カラーコード変換

形式
HEX#273BF1
RGBrgb(39, 59, 241)
RGBArgba(39, 59, 241, 1)
HSLhsl(234, 88%, 55%)
HSVhsv(234, 84%, 95%)
CMYKcmyk(84%, 76%, 0%, 5%)
Aa

白背景

7.04:1AA適合

Aa

黒背景

2.98:1不適合


配色パレット提案

補色

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

#273BF1#F1DD27

類似色

色相環で隣接する色

#27A0F1#276EF1#273BF1#4627F1#7827F1

トライアド

色相環で120°間隔の3色

#273BF1#F1273B#3BF127

テトラード

色相環で90°間隔の4色

#273BF1#F127A0#F1DD27#27F178

モノクローム

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

#081378#0C1EC0#273BF1#6F7DF6#B7BEFA

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

補色の両隣の色

#273BF1#F17827#A0F127

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

ライト → ダーク

linear-gradient(135deg, #9FA8F9, #273BF1, #091790)

補色グラデーション

linear-gradient(135deg, #273BF1, #F1DD27)

類似色グラデーション

linear-gradient(135deg, #27A0F1, #273BF1, #7827F1)

ラジアルグロー

radial-gradient(circle, #273BF1, #091790)

サンセット風

linear-gradient(to right, #273BF1, #7827F1, #F1DD27)

オーバーレイ

linear-gradient(180deg, #273BF1CC, #273BF133)

CSS使用例

背景色として使用

Hello, World!
background-color: #273BF1;

テキスト色として使用

Color Text
color: #273BF1;

ボーダー色として使用

ボーダー要素
border: 3px solid #273BF1;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #273BF166;

関連するカラー