#705643

#705643

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

カラーコード変換

形式
HEX#705643
RGBrgb(112, 86, 67)
RGBArgba(112, 86, 67, 1)
HSLhsl(25, 25%, 35%)
HSVhsv(25, 40%, 44%)
CMYKcmyk(0%, 23%, 40%, 56%)
Aa

白背景

6.77:1AA適合

Aa

黒背景

3.10:1AA Large


配色パレット提案

補色

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

#705643#435D70

類似色

色相環で隣接する色

#704347#704A43#705643#706143#706C43

トライアド

色相環で120°間隔の3色

#705643#437056#564370

テトラード

色相環で90°間隔の4色

#705643#477043#435D70#6C4370

モノクローム

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

#100C0A#403126#705643#9F7A60#BCA28F

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

補色の両隣の色

#705643#43706C#434770

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

ライト → ダーク

linear-gradient(135deg, #B39580, #705643, #201813)

補色グラデーション

linear-gradient(135deg, #705643, #435D70)

類似色グラデーション

linear-gradient(135deg, #704347, #705643, #706C43)

ラジアルグロー

radial-gradient(circle, #705643, #201813)

サンセット風

linear-gradient(to right, #705643, #706C43, #435D70)

オーバーレイ

linear-gradient(180deg, #705643CC, #70564333)

CSS使用例

背景色として使用

Hello, World!
background-color: #705643;

テキスト色として使用

Color Text
color: #705643;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー