#6BDB76

#6BDB76

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

カラーコード変換

形式
HEX#6BDB76
RGBrgb(107, 219, 118)
RGBArgba(107, 219, 118, 1)
HSLhsl(126, 61%, 64%)
HSVhsv(126, 51%, 86%)
CMYKcmyk(51%, 0%, 46%, 14%)
Aa

白背景

1.75:1不適合

Aa

黒背景

12.02:1AA適合


配色パレット提案

補色

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

#6BDB76#DB6BD0

類似色

色相環で隣接する色

#98DB6B#7CDB6B#6BDB76#6BDB92#6BDBAE

トライアド

色相環で120°間隔の3色

#6BDB76#766BDB#DB766B

テトラード

色相環で90°間隔の4色

#6BDB76#6B98DB#DB6BD0#DBAE6B

モノクローム

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

#228C2C#31C940#6BDB76#A9EAAF#E6F9E8

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

補色の両隣の色

#6BDB76#AE6BDB#DB6B98

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

ライト → ダーク

linear-gradient(135deg, #D2F4D5, #6BDB76, #27A033)

補色グラデーション

linear-gradient(135deg, #6BDB76, #DB6BD0)

類似色グラデーション

linear-gradient(135deg, #98DB6B, #6BDB76, #6BDBAE)

ラジアルグロー

radial-gradient(circle, #6BDB76, #27A033)

サンセット風

linear-gradient(to right, #6BDB76, #6BDBAE, #DB6BD0)

オーバーレイ

linear-gradient(180deg, #6BDB76CC, #6BDB7633)

CSS使用例

背景色として使用

Hello, World!
background-color: #6BDB76;

テキスト色として使用

Color Text
color: #6BDB76;

ボーダー色として使用

ボーダー要素
border: 3px solid #6BDB76;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #6BDB7666;

関連するカラー