#49CAC4

#49CAC4

ミディアムターコイズ系

カラーコード変換

形式
HEX#49CAC4
RGBrgb(73, 202, 196)
RGBArgba(73, 202, 196, 1)
HSLhsl(177, 55%, 54%)
HSVhsv(177, 64%, 79%)
CMYKcmyk(64%, 0%, 3%, 21%)
Aa

白背景

1.99:1不適合

Aa

黒背景

10.53:1AA適合


配色パレット提案

補色

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

#49CAC4#CA4950

類似色

色相環で隣接する色

#49CA83#49CAA4#49CAC4#49B0CA#4990CA

トライアド

色相環で120°間隔の3色

#49CAC4#C449CA#CAC449

テトラード

色相環で90°間隔の4色

#49CAC4#8349CA#CA4950#90CA49

モノクローム

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

#1C5F5B#2D9A95#49CAC4#84DBD7#C0EDEA

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

補色の両隣の色

#49CAC4#CA4990#CA8349

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

ライト → ダーク

linear-gradient(135deg, #ACE7E4, #49CAC4, #21736F)

補色グラデーション

linear-gradient(135deg, #49CAC4, #CA4950)

類似色グラデーション

linear-gradient(135deg, #49CA83, #49CAC4, #4990CA)

ラジアルグロー

radial-gradient(circle, #49CAC4, #21736F)

サンセット風

linear-gradient(to right, #49CAC4, #4990CA, #CA4950)

オーバーレイ

linear-gradient(180deg, #49CAC4CC, #49CAC433)

CSS使用例

背景色として使用

Hello, World!
background-color: #49CAC4;

テキスト色として使用

Color Text
color: #49CAC4;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #49CAC466;

関連するカラー