#43984A

#43984A

シーグリーン系

カラーコード変換

形式
HEX#43984A
RGBrgb(67, 152, 74)
RGBArgba(67, 152, 74, 1)
HSLhsl(125, 39%, 43%)
HSVhsv(125, 56%, 60%)
CMYKcmyk(56%, 0%, 51%, 40%)
Aa

白背景

3.60:1AA Large

Aa

黒背景

5.83:1AA適合


配色パレット提案

補色

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

#43984A#984391

類似色

色相環で隣接する色

#679843#519843#43984A#43985F#439875

トライアド

色相環で120°間隔の3色

#43984A#4A4398#984A43

テトラード

色相環で90°間隔の4色

#43984A#436798#984391#987543

モノクローム

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

#142E16#2C6330#43984A#6ABE71#9FD5A4

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

補色の両隣の色

#43984A#754398#984367

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

ライト → ダーク

linear-gradient(135deg, #8ECD93, #43984A, #1C401F)

補色グラデーション

linear-gradient(135deg, #43984A, #984391)

類似色グラデーション

linear-gradient(135deg, #679843, #43984A, #439875)

ラジアルグロー

radial-gradient(circle, #43984A, #1C401F)

サンセット風

linear-gradient(to right, #43984A, #439875, #984391)

オーバーレイ

linear-gradient(180deg, #43984ACC, #43984A33)

CSS使用例

背景色として使用

Hello, World!
background-color: #43984A;

テキスト色として使用

Color Text
color: #43984A;

ボーダー色として使用

ボーダー要素
border: 3px solid #43984A;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #43984A66;

関連するカラー