#841023

#841023

ダークマゼンタ系

カラーコード変換

形式
HEX#841023
RGBrgb(132, 16, 35)
RGBArgba(132, 16, 35, 1)
HSLhsl(350, 78%, 29%)
HSVhsv(350, 88%, 52%)
CMYKcmyk(0%, 88%, 73%, 48%)
Aa

白背景

10.10:1AA適合

Aa

黒背景

2.08:1不適合


配色パレット提案

補色

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

#841023#108470

類似色

色相環で隣接する色

#84105D#841040#841023#841A10#843710

トライアド

色相環で120°間隔の3色

#841023#238410#102384

テトラード

色相環で90°間隔の4色

#841023#5D8410#108470#371084

モノクローム

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

#000000#400811#841023#C81936#E84560

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

補色の両隣の色

#841023#108437#105D84

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

ライト → ダーク

linear-gradient(135deg, #E52E4D, #841023, #120205)

補色グラデーション

linear-gradient(135deg, #841023, #108470)

類似色グラデーション

linear-gradient(135deg, #84105D, #841023, #843710)

ラジアルグロー

radial-gradient(circle, #841023, #120205)

サンセット風

linear-gradient(to right, #841023, #843710, #108470)

オーバーレイ

linear-gradient(180deg, #841023CC, #84102333)

CSS使用例

背景色として使用

Hello, World!
background-color: #841023;

テキスト色として使用

Color Text
color: #841023;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー