#B2AC99

#B2AC99

ダークグレー系

カラーコード変換

形式
HEX#B2AC99
RGBrgb(178, 172, 153)
RGBArgba(178, 172, 153, 1)
HSLhsl(46, 14%, 65%)
HSVhsv(46, 14%, 70%)
CMYKcmyk(0%, 3%, 14%, 30%)
Aa

白背景

2.27:1不適合

Aa

黒背景

9.25:1AA適合


配色パレット提案

補色

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

#B2AC99#999FB2

類似色

色相環で隣接する色

#B2A099#B2A699#B2AC99#B2B299#ACB299

トライアド

色相環で120°間隔の3色

#B2AC99#99B2AC#AC99B2

テトラード

色相環で90°間隔の4色

#B2AC99#99B2A0#999FB2#B299AC

モノクローム

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

#66604D#91896E#B2AC99#D3D0C5#F4F3F0

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

補色の両隣の色

#B2AC99#99ACB2#A099B2

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

ライト → ダーク

linear-gradient(135deg, #E9E7E2, #B2AC99, #746E58)

補色グラデーション

linear-gradient(135deg, #B2AC99, #999FB2)

類似色グラデーション

linear-gradient(135deg, #B2A099, #B2AC99, #ACB299)

ラジアルグロー

radial-gradient(circle, #B2AC99, #746E58)

サンセット風

linear-gradient(to right, #B2AC99, #ACB299, #999FB2)

オーバーレイ

linear-gradient(180deg, #B2AC99CC, #B2AC9933)

CSS使用例

背景色として使用

Hello, World!
background-color: #B2AC99;

テキスト色として使用

Color Text
color: #B2AC99;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー