#BF6F69

#BF6F69

インディアンレッド系

カラーコード変換

形式
HEX#BF6F69
RGBrgb(191, 111, 105)
RGBArgba(191, 111, 105, 1)
HSLhsl(4, 40%, 58%)
HSVhsv(4, 45%, 75%)
CMYKcmyk(0%, 42%, 45%, 25%)
Aa

白背景

3.69:1AA Large

Aa

黒背景

5.69:1AA適合


配色パレット提案

補色

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

#BF6F69#69B9BF

類似色

色相環で隣接する色

#BF698E#BF6979#BF6F69#BF8469#BF9A69

トライアド

色相環で120°間隔の3色

#BF6F69#69BF6F#6F69BF

テトラード

色相環で90°間隔の4色

#BF6F69#8EBF69#69B9BF#9A69BF

モノクローム

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

#642F2B#9A4842#BF6F69#D6A29F#EDD6D4

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

補色の両隣の色

#BF6F69#69BF9A#698EBF

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

ライト → ダーク

linear-gradient(135deg, #E5C5C2, #BF6F69, #763732)

補色グラデーション

linear-gradient(135deg, #BF6F69, #69B9BF)

類似色グラデーション

linear-gradient(135deg, #BF698E, #BF6F69, #BF9A69)

ラジアルグロー

radial-gradient(circle, #BF6F69, #763732)

サンセット風

linear-gradient(to right, #BF6F69, #BF9A69, #69B9BF)

オーバーレイ

linear-gradient(180deg, #BF6F69CC, #BF6F6933)

CSS使用例

背景色として使用

Hello, World!
background-color: #BF6F69;

テキスト色として使用

Color Text
color: #BF6F69;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー