#87BAB6

#87BAB6

#BA878B

#BA878B

コントラスト比

1.4:1

Delta E

40.13

Very Different

50:50 ミックス

#A5A1A0

カラー値

フォーマット #87BAB6 #BA878B
HEX #87BAB6 #BA878B
RGB 135, 186, 182 186, 135, 139
HSL 175.3, 27.0%, 62.9% 355.3, 27.0%, 62.9%
HSV 175.3, 27.4%, 72.9% 355.3, 27.4%, 72.9%
CMYK 27.4%, 0.0%, 2.2%, 27.1% 0.0%, 27.4%, 25.3%, 27.1%
OKLCH 0.752 0.0539 190.0 0.6744 0.0629 13.7

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

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BA878B → 背景色: #87BAB6

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

テキスト: #87BAB6 → 背景色: #BA878B

色差 (Delta E)

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

グラデーション

#87BAB6 #93B2AF #9DAAA7 #A5A1A0 #AD9999 #B49092 #BA878B

カラーミキシング

#87BAB6

100%

#98AEAB

75:25

#A5A1A0

50:50

#B19496

25:75

#BA878B

100%

CSSグラデーションコード

background: linear-gradient(to right, #87BAB6, #BA878B);
background: linear-gradient(135deg, #87BAB6, #BA878B);

各色を詳しく見る

#87BAB6

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

#BA878B

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

関連する比較