#768334

#768334

オリーブドラブ系

カラーコード変換

形式
HEX#768334
RGBrgb(118, 131, 52)
RGBArgba(118, 131, 52, 1)
HSLhsl(70, 43%, 36%)
HSVhsv(70, 60%, 51%)
CMYKcmyk(10%, 0%, 60%, 49%)
Aa

白背景

4.14:1AA Large

Aa

黒背景

5.07:1AA適合


配色パレット提案

補色

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

#768334#413483

類似色

色相環で隣接する色

#836934#837D34#768334#628334#4F8334

トライアド

色相環で120°間隔の3色

#768334#347683#833476

テトラード

色相環で90°間隔の4色

#768334#348369#413483#83344F

モノクローム

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

#141609#454D1F#768334#A6B84C#C1CE83

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

補色の両隣の色

#768334#344F83#693483

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

ライト → ダーク

linear-gradient(135deg, #B8C671, #768334, #242810)

補色グラデーション

linear-gradient(135deg, #768334, #413483)

類似色グラデーション

linear-gradient(135deg, #836934, #768334, #4F8334)

ラジアルグロー

radial-gradient(circle, #768334, #242810)

サンセット風

linear-gradient(to right, #768334, #4F8334, #413483)

オーバーレイ

linear-gradient(180deg, #768334CC, #76833433)

CSS使用例

背景色として使用

Hello, World!
background-color: #768334;

テキスト色として使用

Color Text
color: #768334;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー