#39AC93

#39AC93

ライトシーグリーン系

カラーコード変換

形式
HEX#39AC93
RGBrgb(57, 172, 147)
RGBArgba(57, 172, 147, 1)
HSLhsl(167, 50%, 45%)
HSVhsv(167, 67%, 67%)
CMYKcmyk(67%, 0%, 15%, 33%)
Aa

白背景

2.80:1不適合

Aa

黒背景

7.50:1AA適合


配色パレット提案

補色

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

#39AC93#AC3952

類似色

色相環で隣接する色

#39AC5A#39AC77#39AC93#39A8AC#398CAC

トライアド

色相環で120°間隔の3色

#39AC93#9339AC#AC9339

テトラード

色相環で90°間隔の4色

#39AC93#5A39AC#AC3952#8CAC39

モノクローム

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

#133931#267362#39AC93#66CCB6#9FDFD1

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

補色の両隣の色

#39AC93#AC398C#AC5A39

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

ライト → ダーク

linear-gradient(135deg, #8CD9C8, #39AC93, #194D41)

補色グラデーション

linear-gradient(135deg, #39AC93, #AC3952)

類似色グラデーション

linear-gradient(135deg, #39AC5A, #39AC93, #398CAC)

ラジアルグロー

radial-gradient(circle, #39AC93, #194D41)

サンセット風

linear-gradient(to right, #39AC93, #398CAC, #AC3952)

オーバーレイ

linear-gradient(180deg, #39AC93CC, #39AC9333)

CSS使用例

背景色として使用

Hello, World!
background-color: #39AC93;

テキスト色として使用

Color Text
color: #39AC93;

ボーダー色として使用

ボーダー要素
border: 3px solid #39AC93;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #39AC9366;

関連するカラー