#9BBABA

#9BBABA

#BA9B9B

#BA9B9B

コントラスト比

1.23:1

Delta E

24.18

Noticeable

50:50 ミックス

#ACABAA

カラー値

フォーマット #9BBABA #BA9B9B
HEX #9BBABA #BA9B9B
RGB 155, 186, 186 186, 155, 155
HSL 180.0, 18.3%, 66.9% 0.0, 18.3%, 66.9%
HSV 180.0, 16.7%, 72.9% 0.0, 16.7%, 72.9%
CMYK 16.7%, 0.0%, 0.0%, 27.1% 0.0%, 16.7%, 16.7%, 27.1%
OKLCH 0.7659 0.0336 196.5 0.7174 0.0369 18.0

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

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BA9B9B → 背景色: #9BBABA

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

テキスト: #9BBABA → 背景色: #BA9B9B

色差 (Delta E)

24.18 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#9BBABA #A1B5B5 #A7B0B0 #ACABAA #B1A6A5 #B6A0A0 #BA9B9B

カラーミキシング

#9BBABA

100%

#A4B2B2

75:25

#ACABAA

50:50

#B4A3A3

25:75

#BA9B9B

100%

CSSグラデーションコード

background: linear-gradient(to right, #9BBABA, #BA9B9B);
background: linear-gradient(135deg, #9BBABA, #BA9B9B);

各色を詳しく見る

#9BBABA

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

#BA9B9B

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

関連する比較