#289F50

#289F50

シーグリーン系

カラーコード変換

形式
HEX#289F50
RGBrgb(40, 159, 80)
RGBArgba(40, 159, 80, 1)
HSLhsl(140, 60%, 39%)
HSVhsv(140, 75%, 62%)
CMYKcmyk(75%, 0%, 50%, 38%)
Aa

白背景

3.41:1AA Large

Aa

黒背景

6.17:1AA適合


配色パレット提案

補色

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

#289F50#9F2877

類似色

色相環で隣接する色

#3C9F28#289F32#289F50#289F6D#289F8B

トライアド

色相環で120°間隔の3色

#289F50#50289F#9F5028

テトラード

色相環で90°間隔の4色

#289F50#283C9F#9F2877#9F8B28

モノクローム

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

#092512#186231#289F50#43D072#81DFA0

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

補色の両隣の色

#289F50#8B289F#9F283C

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

ライト → ダーク

linear-gradient(135deg, #6CDA91, #289F50, #0E391D)

補色グラデーション

linear-gradient(135deg, #289F50, #9F2877)

類似色グラデーション

linear-gradient(135deg, #3C9F28, #289F50, #289F8B)

ラジアルグロー

radial-gradient(circle, #289F50, #0E391D)

サンセット風

linear-gradient(to right, #289F50, #289F8B, #9F2877)

オーバーレイ

linear-gradient(180deg, #289F50CC, #289F5033)

CSS使用例

背景色として使用

Hello, World!
background-color: #289F50;

テキスト色として使用

Color Text
color: #289F50;

ボーダー色として使用

ボーダー要素
border: 3px solid #289F50;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #289F5066;

関連するカラー