#232409

#232409

ブラック系

カラーコード変換

形式
HEX#232409
RGBrgb(35, 36, 9)
RGBArgba(35, 36, 9, 1)
HSLhsl(62, 60%, 9%)
HSVhsv(62, 75%, 14%)
CMYKcmyk(3%, 0%, 75%, 86%)
Aa

白背景

15.82:1AA適合

Aa

黒背景

1.33:1不適合


配色パレット提案

補色

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

#232409#0A0925

類似色

色相環で隣接する色

#251809#251F09#232409#1D2509#162509

トライアド

色相環で120°間隔の3色

#232409#092425#250924

テトラード

色相環で90°間隔の4色

#232409#092518#0A0925#250916

モノクローム

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

#000000#000000#232409#5F6218#9B9F28

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

補色の両隣の色

#232409#091625#180925

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

ライト → ダーク

linear-gradient(135deg, #878B23, #232409, #000000)

補色グラデーション

linear-gradient(135deg, #232409, #0A0925)

類似色グラデーション

linear-gradient(135deg, #251809, #232409, #162509)

ラジアルグロー

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

サンセット風

linear-gradient(to right, #232409, #162509, #0A0925)

オーバーレイ

linear-gradient(180deg, #232409CC, #23240933)

CSS使用例

背景色として使用

Hello, World!
background-color: #232409;

テキスト色として使用

Color Text
color: #232409;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー