#9FA0BA

#9FA0BA

#BAB99F

#BAB99F

コントラスト比

1.28:1

Delta E

29.47

Very Different

50:50 ミックス

#ADACAD

カラー値

フォーマット #9FA0BA #BAB99F
HEX #9FA0BA #BAB99F
RGB 159, 160, 186 186, 185, 159
HSL 237.8, 16.4%, 67.6% 57.8, 16.4%, 67.6%
HSV 237.8, 14.5%, 72.9% 57.8, 14.5%, 72.9%
CMYK 14.5%, 14.0%, 0.0%, 27.1% 0.0%, 0.5%, 14.5%, 27.1%
OKLCH 0.7136 0.0376 283.7 0.7795 0.0358 105.4

コントラストとアクセシビリティ

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #BAB99F → 背景色: #9FA0BA

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #9FA0BA → 背景色: #BAB99F

色差 (Delta E)

29.47 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#9FA0BA #A4A4B6 #A9A8B1 #ADACAD #B2B1A8 #B6B5A4 #BAB99F

カラーミキシング

#9FA0BA

100%

#A6A6B3

75:25

#ADACAD

50:50

#B4B3A6

25:75

#BAB99F

100%

CSSグラデーションコード

background: linear-gradient(to right, #9FA0BA, #BAB99F);
background: linear-gradient(135deg, #9FA0BA, #BAB99F);

各色を詳しく見る

#9FA0BA

カラーの詳細をすべて見る

#BAB99F

カラーの詳細をすべて見る

関連する比較