#434635

#434635

ダークスレートグレー系

カラーコード変換

形式
HEX#434635
RGBrgb(67, 70, 53)
RGBArgba(67, 70, 53, 1)
HSLhsl(71, 14%, 24%)
HSVhsv(71, 24%, 27%)
CMYKcmyk(4%, 0%, 24%, 73%)
Aa

白背景

9.69:1AA適合

Aa

黒背景

2.17:1不適合


配色パレット提案

補色

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

#434635#383546

類似色

色相環で隣接する色

#464035#464535#434635#3E4635#3A4635

トライアド

色相環で120°間隔の3色

#434635#354346#463543

テトラード

色相環で90°間隔の4色

#434635#354640#383546#46353A

モノクローム

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

#000000#191A14#434635#6C7156#949A79

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

補色の両隣の色

#434635#353A46#403546

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

ライト → ダーク

linear-gradient(135deg, #888E6B, #434635, #000000)

補色グラデーション

linear-gradient(135deg, #434635, #383546)

類似色グラデーション

linear-gradient(135deg, #464035, #434635, #3A4635)

ラジアルグロー

radial-gradient(circle, #434635, #000000)

サンセット風

linear-gradient(to right, #434635, #3A4635, #383546)

オーバーレイ

linear-gradient(180deg, #434635CC, #43463533)

CSS使用例

背景色として使用

Hello, World!
background-color: #434635;

テキスト色として使用

Color Text
color: #434635;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー