#1392AE

#1392AE

ライトシーグリーン系

カラーコード変換

形式
HEX#1392AE
RGBrgb(19, 146, 174)
RGBArgba(19, 146, 174, 1)
HSLhsl(191, 80%, 38%)
HSVhsv(191, 89%, 68%)
CMYKcmyk(89%, 16%, 0%, 32%)
Aa

白背景

3.65:1AA Large

Aa

黒背景

5.75:1AA適合


配色パレット提案

補色

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

#1392AE#AE3013

類似色

色相環で隣接する色

#13AE7D#13AEA4#1392AE#136BAE#1344AE

トライアド

色相環で120°間隔の3色

#1392AE#AE1392#92AE13

テトラード

色相環で90°間隔の4色

#1392AE#7D13AE#AE3013#44AE13

モノクローム

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

#041F25#0C586A#1392AE#27C4E7#6CD7EF

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

補色の両隣の色

#1392AE#AE1344#AE7D13

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

ライト → ダーク

linear-gradient(135deg, #55D0EC, #1392AE, #07323C)

補色グラデーション

linear-gradient(135deg, #1392AE, #AE3013)

類似色グラデーション

linear-gradient(135deg, #13AE7D, #1392AE, #1344AE)

ラジアルグロー

radial-gradient(circle, #1392AE, #07323C)

サンセット風

linear-gradient(to right, #1392AE, #1344AE, #AE3013)

オーバーレイ

linear-gradient(180deg, #1392AECC, #1392AE33)

CSS使用例

背景色として使用

Hello, World!
background-color: #1392AE;

テキスト色として使用

Color Text
color: #1392AE;

ボーダー色として使用

ボーダー要素
border: 3px solid #1392AE;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #1392AE66;

関連するカラー