#ABDF85

#ABDF85

#B985DF

#B985DF

コントラスト比

1.82:1

Delta E

105.26

Very Different

50:50 ミックス

#B9B4B4

カラー値

フォーマット #ABDF85 #B985DF
HEX #ABDF85 #B985DF
RGB 171, 223, 133 185, 133, 223
HSL 94.7, 58.4%, 69.8% 274.7, 58.4%, 69.8%
HSV 94.7, 40.4%, 87.5% 274.7, 40.4%, 87.5%
CMYK 23.3%, 0.0%, 40.4%, 12.5% 17.0%, 40.4%, 0.0%, 12.5%
OKLCH 0.8465 0.1301 133.0 0.7017 0.1383 309.8

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

1.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #B985DF → 背景色: #ABDF85

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

テキスト: #ABDF85 → 背景色: #B985DF

色差 (Delta E)

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

グラデーション

#ABDF85 #B1D196 #B6C2A5 #B9B4B4 #BAA5C3 #BA95D1 #B985DF

カラーミキシング

#ABDF85

100%

#B4CA9E

75:25

#B9B4B4

50:50

#BB9DCA

25:75

#B985DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABDF85, #B985DF);
background: linear-gradient(135deg, #ABDF85, #B985DF);

各色を詳しく見る

#ABDF85

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

#B985DF

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

関連する比較