#988243

#988243

オリーブドラブ系

カラーコード変換

形式
HEX#988243
RGBrgb(152, 130, 67)
RGBArgba(152, 130, 67, 1)
HSLhsl(44, 39%, 43%)
HSVhsv(44, 56%, 60%)
CMYKcmyk(0%, 14%, 56%, 40%)
Aa

白背景

3.74:1AA Large

Aa

黒背景

5.61:1AA適合


配色パレット提案

補色

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

#988243#435A98

類似色

色相環で隣接する色

#985743#986C43#988243#989743#849843

トライアド

色相環で120°間隔の3色

#988243#439882#824398

テトラード

色相環で90°間隔の4色

#988243#439857#435A98#984384

モノクローム

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

#2E2714#63542C#988243#BEA76A#D5C79F

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

補色の両隣の色

#988243#438498#574398

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

ライト → ダーク

linear-gradient(135deg, #CDBC8E, #988243, #40361C)

補色グラデーション

linear-gradient(135deg, #988243, #435A98)

類似色グラデーション

linear-gradient(135deg, #985743, #988243, #849843)

ラジアルグロー

radial-gradient(circle, #988243, #40361C)

サンセット風

linear-gradient(to right, #988243, #849843, #435A98)

オーバーレイ

linear-gradient(180deg, #988243CC, #98824333)

CSS使用例

背景色として使用

Hello, World!
background-color: #988243;

テキスト色として使用

Color Text
color: #988243;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー