#638873

#638873

スレートグレー系

カラーコード変換

形式
HEX#638873
RGBrgb(99, 136, 115)
RGBArgba(99, 136, 115, 1)
HSLhsl(146, 16%, 46%)
HSVhsv(146, 27%, 53%)
CMYKcmyk(27%, 0%, 15%, 47%)
Aa

白背景

3.96:1AA Large

Aa

黒背景

5.30:1AA適合


配色パレット提案

補色

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

#638873#886378

類似色

色相環で隣接する色

#658863#638869#638873#63887C#638886

トライアド

色相環で120°間隔の3色

#638873#736388#887363

テトラード

色相環で90°間隔の4色

#638873#636588#886378#888663

モノクローム

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

#222F28#425C4D#638873#8CAB99#B8CCC0

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

補色の両隣の色

#638873#866388#886365

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

ライト → ダーク

linear-gradient(135deg, #A9C1B3, #638873, #2D3E34)

補色グラデーション

linear-gradient(135deg, #638873, #886378)

類似色グラデーション

linear-gradient(135deg, #658863, #638873, #638886)

ラジアルグロー

radial-gradient(circle, #638873, #2D3E34)

サンセット風

linear-gradient(to right, #638873, #638886, #886378)

オーバーレイ

linear-gradient(180deg, #638873CC, #63887333)

CSS使用例

背景色として使用

Hello, World!
background-color: #638873;

テキスト色として使用

Color Text
color: #638873;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー