#13A491

#13A491

ライトシーグリーン系

カラーコード変換

形式
HEX#13A491
RGBrgb(19, 164, 145)
RGBArgba(19, 164, 145, 1)
HSLhsl(172, 79%, 36%)
HSVhsv(172, 88%, 64%)
CMYKcmyk(88%, 0%, 12%, 36%)
Aa

白背景

3.11:1AA Large

Aa

黒背景

6.75:1AA適合


配色パレット提案

補色

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

#13A491#A41327

類似色

色相環で隣接する色

#13A448#13A46D#13A491#1393A4#136FA4

トライアド

色相環で120°間隔の3色

#13A491#9113A4#A49113

テトラード

色相環で90°間隔の4色

#13A491#4813A4#A41327#6FA413

モノクローム

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

#031B18#0B6055#13A491#1FE5CA#64EDDB

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

補色の両隣の色

#13A491#A4136F#A44813

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

ライト → ダーク

linear-gradient(135deg, #4DEAD5, #13A491, #06322C)

補色グラデーション

linear-gradient(135deg, #13A491, #A41327)

類似色グラデーション

linear-gradient(135deg, #13A448, #13A491, #136FA4)

ラジアルグロー

radial-gradient(circle, #13A491, #06322C)

サンセット風

linear-gradient(to right, #13A491, #136FA4, #A41327)

オーバーレイ

linear-gradient(180deg, #13A491CC, #13A49133)

CSS使用例

背景色として使用

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

テキスト色として使用

Color Text
color: #13A491;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー