#746434

#746434

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

カラーコード変換

形式
HEX#746434
RGBrgb(116, 100, 52)
RGBArgba(116, 100, 52, 1)
HSLhsl(45, 38%, 33%)
HSVhsv(45, 55%, 45%)
CMYKcmyk(0%, 14%, 55%, 55%)
Aa

白背景

5.81:1AA適合

Aa

黒背景

3.62:1AA Large


配色パレット提案

補色

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

#746434#344474

類似色

色相環で隣接する色

#744434#745434#746434#747434#647434

トライアド

色相環で120°間隔の3色

#746434#347464#643474

テトラード

色相環で90°間隔の4色

#746434#347444#344474#743464

モノクローム

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

#0B0905#3F371C#746434#A9924C#C5B37D

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

補色の両隣の色

#746434#346474#443474

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

ライト → ダーク

linear-gradient(135deg, #BDA86B, #746434, #1C180D)

補色グラデーション

linear-gradient(135deg, #746434, #344474)

類似色グラデーション

linear-gradient(135deg, #744434, #746434, #647434)

ラジアルグロー

radial-gradient(circle, #746434, #1C180D)

サンセット風

linear-gradient(to right, #746434, #647434, #344474)

オーバーレイ

linear-gradient(180deg, #746434CC, #74643433)

CSS使用例

背景色として使用

Hello, World!
background-color: #746434;

テキスト色として使用

Color Text
color: #746434;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー