#115492

#115492

ティール系

カラーコード変換

形式
HEX#115492
RGBrgb(17, 84, 146)
RGBArgba(17, 84, 146, 1)
HSLhsl(209, 79%, 32%)
HSVhsv(209, 88%, 57%)
CMYKcmyk(88%, 42%, 0%, 43%)
Aa

白背景

7.76:1AA適合

Aa

黒背景

2.71:1不適合


配色パレット提案

補色

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

#115492#924F11

類似色

色相環で隣接する色

#119290#117492#115492#113492#111392

トライアド

色相環で120°間隔の3色

#115492#921154#549211

テトラード

色相環で90°間隔の4色

#115492#901192#924F11#139211

モノクローム

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

#010509#092C4E#115492#197BD7#52A1EB

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

補色の両隣の色

#115492#921113#929011

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

ライト → ダーク

linear-gradient(135deg, #3B94E8, #115492, #041220)

補色グラデーション

linear-gradient(135deg, #115492, #924F11)

類似色グラデーション

linear-gradient(135deg, #119290, #115492, #111392)

ラジアルグロー

radial-gradient(circle, #115492, #041220)

サンセット風

linear-gradient(to right, #115492, #111392, #924F11)

オーバーレイ

linear-gradient(180deg, #115492CC, #11549233)

CSS使用例

背景色として使用

Hello, World!
background-color: #115492;

テキスト色として使用

Color Text
color: #115492;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #11549266;

関連するカラー