#13DDEC

#13DDEC

ダークターコイズ系

カラーコード変換

形式
HEX#13DDEC
RGBrgb(19, 221, 236)
RGBArgba(19, 221, 236, 1)
HSLhsl(184, 85%, 50%)
HSVhsv(184, 92%, 93%)
CMYKcmyk(92%, 6%, 0%, 7%)
Aa

白背景

1.67:1不適合

Aa

黒背景

12.58:1AA適合


配色パレット提案

補色

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

#13DDEC#EC2213

類似色

色相環で隣接する色

#13EC8E#13ECC4#13DDEC#13A7EC#1371EC

トライアド

色相環で120°間隔の3色

#13DDEC#EC13DD#DDEC13

テトラード

色相環で90°間隔の4色

#13DDEC#8E13EC#EC2213#71EC13

モノクローム

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

#08595E#0D9BA5#13DDEC#5AE7F2#A1F2F7

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

補色の両隣の色

#13DDEC#EC1371#EC8E13

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

ライト → ダーク

linear-gradient(135deg, #89EEF5, #13DDEC, #0A6F76)

補色グラデーション

linear-gradient(135deg, #13DDEC, #EC2213)

類似色グラデーション

linear-gradient(135deg, #13EC8E, #13DDEC, #1371EC)

ラジアルグロー

radial-gradient(circle, #13DDEC, #0A6F76)

サンセット風

linear-gradient(to right, #13DDEC, #1371EC, #EC2213)

オーバーレイ

linear-gradient(180deg, #13DDECCC, #13DDEC33)

CSS使用例

背景色として使用

Hello, World!
background-color: #13DDEC;

テキスト色として使用

Color Text
color: #13DDEC;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #13DDEC66;

関連するカラー