#327B69

#327B69

シーグリーン系

カラーコード変換

形式
HEX#327B69
RGBrgb(50, 123, 105)
RGBArgba(50, 123, 105, 1)
HSLhsl(165, 42%, 34%)
HSVhsv(165, 59%, 48%)
CMYKcmyk(59%, 0%, 15%, 52%)
Aa

白背景

5.03:1AA適合

Aa

黒背景

4.17:1AA Large


配色パレット提案

補色

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

#327B69#7B3244

類似色

色相環で隣接する色

#327B44#327B57#327B69#327B7B#32697B

トライアド

色相環で120°間隔の3色

#327B69#69327B#7B6932

テトラード

色相環で90°間隔の4色

#327B69#44327B#7B3244#697B32

モノクローム

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

#060E0C#1C453B#327B69#48B197#7DCAB6

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

補色の両隣の色

#327B69#7B3269#7B4432

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

ライト → ダーク

linear-gradient(135deg, #6BC2AC, #327B69, #0D211C)

補色グラデーション

linear-gradient(135deg, #327B69, #7B3244)

類似色グラデーション

linear-gradient(135deg, #327B44, #327B69, #32697B)

ラジアルグロー

radial-gradient(circle, #327B69, #0D211C)

サンセット風

linear-gradient(to right, #327B69, #32697B, #7B3244)

オーバーレイ

linear-gradient(180deg, #327B69CC, #327B6933)

CSS使用例

背景色として使用

Hello, World!
background-color: #327B69;

テキスト色として使用

Color Text
color: #327B69;

ボーダー色として使用

ボーダー要素
border: 3px solid #327B69;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #327B6966;

関連するカラー