#207E63

#207E63

シーグリーン系

カラーコード変換

形式
HEX#207E63
RGBrgb(32, 126, 99)
RGBArgba(32, 126, 99, 1)
HSLhsl(163, 59%, 31%)
HSVhsv(163, 75%, 49%)
CMYKcmyk(75%, 0%, 21%, 51%)
Aa

白背景

4.97:1AA適合

Aa

黒背景

4.23:1AA Large


配色パレット提案

補色

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

#207E63#7E203B

類似色

色相環で隣接する色

#207E35#207E4C#207E63#207E7B#20697E

トライアド

色相環で120°間隔の3色

#207E63#63207E#7E6320

テトラード

色相環で90°間隔の4色

#207E63#35207E#7E203B#697E20

モノクローム

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

#010403#114133#207E63#30BB93#61D6B5

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

補色の両隣の色

#207E63#7E2069#7E3520

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

ライト → ダーク

linear-gradient(135deg, #4DD1AB, #207E63, #061813)

補色グラデーション

linear-gradient(135deg, #207E63, #7E203B)

類似色グラデーション

linear-gradient(135deg, #207E35, #207E63, #20697E)

ラジアルグロー

radial-gradient(circle, #207E63, #061813)

サンセット風

linear-gradient(to right, #207E63, #20697E, #7E203B)

オーバーレイ

linear-gradient(180deg, #207E63CC, #207E6333)

CSS使用例

背景色として使用

Hello, World!
background-color: #207E63;

テキスト色として使用

Color Text
color: #207E63;

ボーダー色として使用

ボーダー要素
border: 3px solid #207E63;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #207E6366;

関連するカラー