#1D6490

#1D6490

ティール系

カラーコード変換

形式
HEX#1D6490
RGBrgb(29, 100, 144)
RGBArgba(29, 100, 144, 1)
HSLhsl(203, 66%, 34%)
HSVhsv(203, 80%, 56%)
CMYKcmyk(80%, 31%, 0%, 44%)
Aa

白背景

6.41:1AA適合

Aa

黒背景

3.28:1AA Large


配色パレット提案

補色

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

#1D6490#90491D

類似色

色相環で隣接する色

#1D9083#1D8190#1D6490#1D4790#1D2B90

トライアド

色相環で120°間隔の3色

#1D6490#901D64#64901D

テトラード

色相環で90°間隔の4色

#1D6490#831D90#90491D#2B901D

モノクローム

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

#030C11#103850#1D6490#2A90CF#67B1E0

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

補色の両隣の色

#1D6490#901D2B#90831D

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

ライト → ダーク

linear-gradient(135deg, #51A7DB, #1D6490, #081A26)

補色グラデーション

linear-gradient(135deg, #1D6490, #90491D)

類似色グラデーション

linear-gradient(135deg, #1D9083, #1D6490, #1D2B90)

ラジアルグロー

radial-gradient(circle, #1D6490, #081A26)

サンセット風

linear-gradient(to right, #1D6490, #1D2B90, #90491D)

オーバーレイ

linear-gradient(180deg, #1D6490CC, #1D649033)

CSS使用例

背景色として使用

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

テキスト色として使用

Color Text
color: #1D6490;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー