#914662

#914662

ディムグレー系

カラーコード変換

形式
HEX#914662
RGBrgb(145, 70, 98)
RGBArgba(145, 70, 98, 1)
HSLhsl(338, 35%, 42%)
HSVhsv(338, 52%, 57%)
CMYKcmyk(0%, 52%, 32%, 43%)
Aa

白背景

6.45:1AA適合

Aa

黒背景

3.26:1AA Large


配色パレット提案

補色

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

#914662#469175

類似色

色相環で隣接する色

#914687#914674#914662#91464E#915046

トライアド

色相環で120°間隔の3色

#914662#619146#466191

テトラード

色相環で90°間隔の4色

#914662#879146#469175#504691

モノクローム

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

#29141C#5D2D3E#914662#B86B87#D19FB1

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

補色の両隣の色

#914662#469150#468791

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

ライト → ダーク

linear-gradient(135deg, #C88DA3, #914662, #3B1C27)

補色グラデーション

linear-gradient(135deg, #914662, #469175)

類似色グラデーション

linear-gradient(135deg, #914687, #914662, #915046)

ラジアルグロー

radial-gradient(circle, #914662, #3B1C27)

サンセット風

linear-gradient(to right, #914662, #915046, #469175)

オーバーレイ

linear-gradient(180deg, #914662CC, #91466233)

CSS使用例

背景色として使用

Hello, World!
background-color: #914662;

テキスト色として使用

Color Text
color: #914662;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー