#1960BE

#1960BE

ロイヤルブルー系

カラーコード変換

形式
HEX#1960BE
RGBrgb(25, 96, 190)
RGBArgba(25, 96, 190, 1)
HSLhsl(214, 77%, 42%)
HSVhsv(214, 87%, 75%)
CMYKcmyk(87%, 49%, 0%, 25%)
Aa

白背景

6.07:1AA適合

Aa

黒背景

3.46:1AA Large


配色パレット提案

補色

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

#1960BE#BE7619

類似色

色相環で隣接する色

#19B3BE#1989BE#1960BE#1937BE#2419BE

トライアド

色相環で120°間隔の3色

#1960BE#BE1960#60BE19

テトラード

色相環で90°間隔の4色

#1960BE#BE19B3#BE7619#19BE24

モノクローム

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

#071B36#103E7A#1960BE#3D86E6#81B0EF

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

補色の両隣の色

#1960BE#BE2419#B3BE19

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

ライト → ダーク

linear-gradient(135deg, #6AA2EC, #1960BE, #0A274D)

補色グラデーション

linear-gradient(135deg, #1960BE, #BE7619)

類似色グラデーション

linear-gradient(135deg, #19B3BE, #1960BE, #2419BE)

ラジアルグロー

radial-gradient(circle, #1960BE, #0A274D)

サンセット風

linear-gradient(to right, #1960BE, #2419BE, #BE7619)

オーバーレイ

linear-gradient(180deg, #1960BECC, #1960BE33)

CSS使用例

背景色として使用

Hello, World!
background-color: #1960BE;

テキスト色として使用

Color Text
color: #1960BE;

ボーダー色として使用

ボーダー要素
border: 3px solid #1960BE;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #1960BE66;

関連するカラー