#624D66

#624D66

ディムグレー系

カラーコード変換

形式
HEX#624D66
RGBrgb(98, 77, 102)
RGBArgba(98, 77, 102, 1)
HSLhsl(290, 14%, 35%)
HSVhsv(290, 25%, 40%)
CMYKcmyk(4%, 25%, 0%, 60%)
Aa

白背景

7.57:1AA適合

Aa

黒背景

2.77:1不適合


配色パレット提案

補色

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

#624D66#51664D

類似色

色相環で隣接する色

#554D66#5B4D66#624D66#664D64#664D5D

トライアド

色相環で120°間隔の3色

#624D66#66624D#4D6662

テトラード

色相環で90°間隔の4色

#624D66#66554D#51664D#4D5D66

モノクローム

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

#0E0B0F#382C3A#624D66#8B6E91#AE99B2

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

補色の両隣の色

#624D66#5D664D#4D6655

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

ライト → ダーク

linear-gradient(135deg, #A38BA7, #624D66, #1C161D)

補色グラデーション

linear-gradient(135deg, #624D66, #51664D)

類似色グラデーション

linear-gradient(135deg, #554D66, #624D66, #664D5D)

ラジアルグロー

radial-gradient(circle, #624D66, #1C161D)

サンセット風

linear-gradient(to right, #624D66, #664D5D, #51664D)

オーバーレイ

linear-gradient(180deg, #624D66CC, #624D6633)

CSS使用例

背景色として使用

Hello, World!
background-color: #624D66;

テキスト色として使用

Color Text
color: #624D66;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #624D6666;

関連するカラー