#8F84A8

#8F84A8

#9DA884

#9DA884

コントラスト比

1.39:1

Delta E

42.37

Very Different

50:50 ミックス

#979697

カラー値

フォーマット #8F84A8 #9DA884
HEX #8F84A8 #9DA884
RGB 143, 132, 168 157, 168, 132
HSL 258.3, 17.1%, 58.8% 78.3, 17.1%, 58.8%
HSV 258.3, 21.4%, 65.9% 78.3, 21.4%, 65.9%
CMYK 14.9%, 21.4%, 0.0%, 34.1% 6.5%, 0.0%, 21.4%, 34.1%
OKLCH 0.6358 0.0546 298.8 0.7132 0.0519 121.5

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

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #9DA884 → 背景色: #8F84A8

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

テキスト: #8F84A8 → 背景色: #9DA884

色差 (Delta E)

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

グラデーション

#8F84A8 #928AA2 #95909C #979697 #9A9C90 #9BA28A #9DA884

カラーミキシング

#8F84A8

100%

#948D9F

75:25

#979697

50:50

#9A9F8D

25:75

#9DA884

100%

CSSグラデーションコード

background: linear-gradient(to right, #8F84A8, #9DA884);
background: linear-gradient(135deg, #8F84A8, #9DA884);

各色を詳しく見る

#8F84A8

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

#9DA884

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

関連する比較