#8AF46D

#8AF46D

#D76DF4

#D76DF4

コントラスト比

2.06:1

Delta E

158.87

Very Different

50:50 ミックス

#C2B8B6

カラー値

フォーマット #8AF46D #D76DF4
HEX #8AF46D #D76DF4
RGB 138, 244, 109 215, 109, 244
HSL 107.1, 86.0%, 69.2% 287.1, 86.0%, 69.2%
HSV 107.1, 55.3%, 95.7% 287.1, 55.3%, 95.7%
CMYK 43.4%, 0.0%, 55.3%, 4.3% 11.9%, 55.3%, 0.0%, 4.3%
OKLCH 0.8743 0.1992 139.4 0.7094 0.2121 318.6

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

2.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D76DF4 → 背景色: #8AF46D

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

テキスト: #8AF46D → 背景色: #D76DF4

色差 (Delta E)

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

グラデーション

#8AF46D #A3E188 #B4CDA0 #C2B8B6 #CCA1CB #D389E0 #D76DF4

カラーミキシング

#8AF46D

100%

#ACD794

75:25

#C2B8B6

50:50

#CF96D5

25:75

#D76DF4

100%

CSSグラデーションコード

background: linear-gradient(to right, #8AF46D, #D76DF4);
background: linear-gradient(135deg, #8AF46D, #D76DF4);

各色を詳しく見る

#8AF46D

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

#D76DF4

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

関連する比較