#36B095

#36B095

ライトシーグリーン系

カラーコード変換

形式
HEX#36B095
RGBrgb(54, 176, 149)
RGBArgba(54, 176, 149, 1)
HSLhsl(167, 53%, 45%)
HSVhsv(167, 69%, 69%)
CMYKcmyk(69%, 0%, 15%, 31%)
Aa

白背景

2.69:1不適合

Aa

黒背景

7.80:1AA適合


配色パレット提案

補色

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

#36B095#B03650

類似色

色相環で隣接する色

#36B058#36B077#36B095#36ACB0#368DB0

トライアド

色相環で120°間隔の3色

#36B095#9536B0#B09536

テトラード

色相環で90°間隔の4色

#36B095#5836B0#B03650#8DB036

モノクローム

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

#123B32#247563#36B095#63CFB8#9DE1D2

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

補色の両隣の色

#36B095#B0368D#B05836

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

ライト → ダーク

linear-gradient(135deg, #8ADBC9, #36B095, #184E42)

補色グラデーション

linear-gradient(135deg, #36B095, #B03650)

類似色グラデーション

linear-gradient(135deg, #36B058, #36B095, #368DB0)

ラジアルグロー

radial-gradient(circle, #36B095, #184E42)

サンセット風

linear-gradient(to right, #36B095, #368DB0, #B03650)

オーバーレイ

linear-gradient(180deg, #36B095CC, #36B09533)

CSS使用例

背景色として使用

Hello, World!
background-color: #36B095;

テキスト色として使用

Color Text
color: #36B095;

ボーダー色として使用

ボーダー要素
border: 3px solid #36B095;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #36B09566;

関連するカラー