#8F9E61

#8F9E61

グレー系

カラーコード変換

形式
HEX#8F9E61
RGBrgb(143, 158, 97)
RGBArgba(143, 158, 97, 1)
HSLhsl(75, 24%, 50%)
HSVhsv(75, 39%, 62%)
CMYKcmyk(9%, 0%, 39%, 38%)
Aa

白背景

2.90:1不適合

Aa

黒背景

7.23:1AA適合


配色パレット提案

補色

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

#8F9E61#70619E

類似色

色相環で隣接する色

#9E8F61#9E9E61#8F9E61#809E61#709E61

トライアド

色相環で120°間隔の3色

#8F9E61#618F9E#9E618F

テトラード

色相環で90°間隔の4色

#8F9E61#619E8F#70619E#9E6170

モノクローム

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

#393F27#646F44#8F9E61#B0BB90#D2D8C0

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

補色の両隣の色

#8F9E61#61709E#8F619E

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

ライト → ダーク

linear-gradient(135deg, #C7CFB0, #8F9E61, #474F30)

補色グラデーション

linear-gradient(135deg, #8F9E61, #70619E)

類似色グラデーション

linear-gradient(135deg, #9E8F61, #8F9E61, #709E61)

ラジアルグロー

radial-gradient(circle, #8F9E61, #474F30)

サンセット風

linear-gradient(to right, #8F9E61, #709E61, #70619E)

オーバーレイ

linear-gradient(180deg, #8F9E61CC, #8F9E6133)

CSS使用例

背景色として使用

Hello, World!
background-color: #8F9E61;

テキスト色として使用

Color Text
color: #8F9E61;

ボーダー色として使用

ボーダー要素
border: 3px solid #8F9E61;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #8F9E6166;

関連するカラー