#804D57

#804D57

ディムグレー系

カラーコード変換

形式
HEX#804D57
RGBrgb(128, 77, 87)
RGBArgba(128, 77, 87, 1)
HSLhsl(348, 25%, 40%)
HSVhsv(348, 40%, 50%)
CMYKcmyk(0%, 40%, 32%, 50%)
Aa

白背景

6.74:1AA適合

Aa

黒背景

3.12:1AA Large


配色パレット提案

補色

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

#804D57#4D8075

類似色

色相環で隣接する色

#804D70#804D63#804D57#804F4D#805C4D

トライアド

色相環で120°間隔の3色

#804D57#57804D#4D5780

テトラード

色相環で90°間隔の4色

#804D57#70804D#4D8075#5C4D80

モノクローム

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

#201316#503036#804D57#A9707B#C69FA7

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

補色の両隣の色

#804D57#4D805C#4D7080

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

ライト → ダーク

linear-gradient(135deg, #BC8F98, #804D57, #301D21)

補色グラデーション

linear-gradient(135deg, #804D57, #4D8075)

類似色グラデーション

linear-gradient(135deg, #804D70, #804D57, #805C4D)

ラジアルグロー

radial-gradient(circle, #804D57, #301D21)

サンセット風

linear-gradient(to right, #804D57, #805C4D, #4D8075)

オーバーレイ

linear-gradient(180deg, #804D57CC, #804D5733)

CSS使用例

背景色として使用

Hello, World!
background-color: #804D57;

テキスト色として使用

Color Text
color: #804D57;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #804D5766;

関連するカラー