#7BDBB4

#7BDBB4

ミディアムアクアマリン系

カラーコード変換

形式
HEX#7BDBB4
RGBrgb(123, 219, 180)
RGBArgba(123, 219, 180, 1)
HSLhsl(156, 57%, 67%)
HSVhsv(156, 44%, 86%)
CMYKcmyk(44%, 0%, 18%, 14%)
Aa

白背景

1.66:1不適合

Aa

黒背景

12.63:1AA適合


配色パレット提案

補色

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

#7BDBB4#DB7BA1

類似色

色相環で隣接する色

#7BDB84#7BDB9C#7BDBB4#7BDBCC#7BD1DB

トライアド

色相環で120°間隔の3色

#7BDBB4#B47BDB#DBB47B

テトラード

色相環で90°間隔の4色

#7BDBB4#847BDB#DB7BA1#D1DB7B

モノクローム

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

#299469#3FCA93#7BDBB4#B7EBD6#F3FCF8

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

補色の両隣の色

#7BDBB4#DB7BD1#DB847B

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

ライト → ダーク

linear-gradient(135deg, #DFF6ED, #7BDBB4, #2EA877)

補色グラデーション

linear-gradient(135deg, #7BDBB4, #DB7BA1)

類似色グラデーション

linear-gradient(135deg, #7BDB84, #7BDBB4, #7BD1DB)

ラジアルグロー

radial-gradient(circle, #7BDBB4, #2EA877)

サンセット風

linear-gradient(to right, #7BDBB4, #7BD1DB, #DB7BA1)

オーバーレイ

linear-gradient(180deg, #7BDBB4CC, #7BDBB433)

CSS使用例

背景色として使用

Hello, World!
background-color: #7BDBB4;

テキスト色として使用

Color Text
color: #7BDBB4;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #7BDBB466;

関連するカラー