#76402D

#76402D

ダークオリーブグリーン系

カラーコード変換

形式
HEX#76402D
RGBrgb(118, 64, 45)
RGBArgba(118, 64, 45, 1)
HSLhsl(16, 45%, 32%)
HSVhsv(16, 62%, 46%)
CMYKcmyk(0%, 46%, 62%, 54%)
Aa

白背景

8.26:1AA適合

Aa

黒背景

2.54:1不適合


配色パレット提案

補色

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

#76402D#2D6376

類似色

色相環で隣接する色

#762D3E#762E2D#76402D#76532D#76652D

トライアド

色相環で120°間隔の3色

#76402D#2D7640#402D76

テトラード

色相環で90°間隔の4色

#76402D#3E762D#2D6376#652D76

モノクローム

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

#070403#3F2218#76402D#AE5F42#CA8A72

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

補色の両隣の色

#76402D#2D7665#2D3E76

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

ライト → ダーク

linear-gradient(135deg, #C37A60, #76402D, #1A0E0A)

補色グラデーション

linear-gradient(135deg, #76402D, #2D6376)

類似色グラデーション

linear-gradient(135deg, #762D3E, #76402D, #76652D)

ラジアルグロー

radial-gradient(circle, #76402D, #1A0E0A)

サンセット風

linear-gradient(to right, #76402D, #76652D, #2D6376)

オーバーレイ

linear-gradient(180deg, #76402DCC, #76402D33)

CSS使用例

背景色として使用

Hello, World!
background-color: #76402D;

テキスト色として使用

Color Text
color: #76402D;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #76402D66;

関連するカラー