#436555

#436555

ダークスレートグレー系

カラーコード変換

形式
HEX#436555
RGBrgb(67, 101, 85)
RGBArgba(67, 101, 85, 1)
HSLhsl(152, 20%, 33%)
HSVhsv(152, 34%, 40%)
CMYKcmyk(34%, 0%, 16%, 60%)
Aa

白背景

6.50:1AA適合

Aa

黒背景

3.23:1AA Large


配色パレット提案

補色

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

#436555#654353

類似色

色相環で隣接する色

#436544#43654D#436555#43655E#436465

トライアド

色相環で120°間隔の3色

#436555#554365#655543

テトラード

色相環で90°間隔の4色

#436555#444365#654353#646543

モノクローム

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

#060908#25372F#436555#62937C#8EB4A2

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

補色の両隣の色

#436555#654364#654443

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

ライト → ダーク

linear-gradient(135deg, #7EA995, #436555, #101815)

補色グラデーション

linear-gradient(135deg, #436555, #654353)

類似色グラデーション

linear-gradient(135deg, #436544, #436555, #436465)

ラジアルグロー

radial-gradient(circle, #436555, #101815)

サンセット風

linear-gradient(to right, #436555, #436465, #654353)

オーバーレイ

linear-gradient(180deg, #436555CC, #43655533)

CSS使用例

背景色として使用

Hello, World!
background-color: #436555;

テキスト色として使用

Color Text
color: #436555;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー